From ed351012b2a0770b1ecef5ca5c1bef2bab54c1e3 Mon Sep 17 00:00:00 2001
From: Christopher Deutsch <cd@cdeutsch.com>
Date: Thu, 30 May 2019 13:03:24 -0500
Subject: [PATCH] Export react-syntax-highlighter SyntaxHighlighterProps
 (#29960)

---
 types/react-syntax-highlighter/index.d.ts     | 33 +++++++++++--------
 .../react-syntax-highlighter-tests.tsx        |  2 +-
 2 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/types/react-syntax-highlighter/index.d.ts b/types/react-syntax-highlighter/index.d.ts
index 5b943812ec..84f561eb01 100644
--- a/types/react-syntax-highlighter/index.d.ts
+++ b/types/react-syntax-highlighter/index.d.ts
@@ -10,20 +10,20 @@ type lineTagPropsFunction = (
     lineNumber: number
 ) => React.DOMAttributes<HTMLElement>;
 
-interface SyntaxHighlighterProps {
-    language?: string;
-    style?: any;
-    customStyle?: any;
-    lineProps?: lineTagPropsFunction | React.DOMAttributes<HTMLElement>;
-    codeTagProps?: React.DOMAttributes<HTMLElement>;
-    useInlineStyles?: boolean;
-    showLineNumbers?: boolean;
-    startingLineNumber?: number;
-    lineNumberStyle?: any;
-    [spread: string]: any;
-}
-
 declare module "react-syntax-highlighter" {
+    export interface SyntaxHighlighterProps {
+        language?: string;
+        style?: any;
+        customStyle?: any;
+        lineProps?: lineTagPropsFunction | React.DOMAttributes<HTMLElement>;
+        codeTagProps?: React.DOMAttributes<HTMLElement>;
+        useInlineStyles?: boolean;
+        showLineNumbers?: boolean;
+        startingLineNumber?: number;
+        lineNumberStyle?: any;
+        [spread: string]: any;
+    }
+
     export { default } from "react-syntax-highlighter/default-highlight";
     export {
         default as LightAsync
@@ -44,6 +44,7 @@ declare module "react-syntax-highlighter" {
 
 declare module "react-syntax-highlighter/default-highlight" {
     import * as React from "react";
+    import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
     export default class SyntaxHighlighter extends React.Component<
         SyntaxHighlighterProps
     > {}
@@ -51,6 +52,7 @@ declare module "react-syntax-highlighter/default-highlight" {
 
 declare module "react-syntax-highlighter/light-async" {
     import * as React from "react";
+    import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
     export default class SyntaxHighlighter extends React.Component<
         SyntaxHighlighterProps
     > {
@@ -60,6 +62,7 @@ declare module "react-syntax-highlighter/light-async" {
 
 declare module "react-syntax-highlighter/light" {
     import * as React from "react";
+    import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
     export default class SyntaxHighlighter extends React.Component<
         SyntaxHighlighterProps
     > {
@@ -69,6 +72,7 @@ declare module "react-syntax-highlighter/light" {
 
 declare module "react-syntax-highlighter/prism-async-light" {
     import * as React from "react";
+    import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
     export default class SyntaxHighlighter extends React.Component<
         SyntaxHighlighterProps
     > {
@@ -78,6 +82,7 @@ declare module "react-syntax-highlighter/prism-async-light" {
 
 declare module "react-syntax-highlighter/prism-async" {
     import * as React from "react";
+    import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
     export default class SyntaxHighlighter extends React.Component<
         SyntaxHighlighterProps
     > {}
@@ -85,6 +90,7 @@ declare module "react-syntax-highlighter/prism-async" {
 
 declare module "react-syntax-highlighter/prism-light" {
     import * as React from "react";
+    import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
     export default class SyntaxHighlighter extends React.Component<
         SyntaxHighlighterProps
     > {
@@ -94,6 +100,7 @@ declare module "react-syntax-highlighter/prism-light" {
 
 declare module "react-syntax-highlighter/prism" {
     import * as React from "react";
+    import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
     export default class SyntaxHighlighter extends React.Component<
         SyntaxHighlighterProps
     > {}
diff --git a/types/react-syntax-highlighter/react-syntax-highlighter-tests.tsx b/types/react-syntax-highlighter/react-syntax-highlighter-tests.tsx
index 5786c3ebc5..656250ad31 100644
--- a/types/react-syntax-highlighter/react-syntax-highlighter-tests.tsx
+++ b/types/react-syntax-highlighter/react-syntax-highlighter-tests.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import SyntaxHighlighter from "react-syntax-highlighter";
+import SyntaxHighlighter, { SyntaxHighlighterProps } from "react-syntax-highlighter";
 import PrismSyntaxHighlighter from "react-syntax-highlighter/prism";
 import PrismLightHighlighter from "react-syntax-highlighter/prism-light";
 import jsx from "react-syntax-highlighter/languages/prism/jsx";