Page component updated + ts

src/components/Page.js

@@ -1,19 +0,0 @@
-import React from 'react'
-import Share from './Share'
-import Html from './Html'
-
-export default function Page({ children, shareable }) {
-    return (
-        <div className={'Article Article--cloud'}>
-            <div className={'Article-Body'}>                
-                <Html
-                    html={children}
-                />
-            </div>
-
-            {!shareable ? null : (
-                <Share />
-            )}
-        </div>
-    )
-}

src/components/Page/index.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+import Share from '../Share'
+import Html from '../Html'
+
+export interface IPageProps {
+    showSocialShare: boolean
+}
+
+export const Page: React.FC<IPageProps> = props => (
+    <div className={'Article Article--cloud'}>
+        <div className={'Article-Body'}>
+            <Html
+                html={props.children}
+            />
+        </div>
+
+        {!props.showSocialShare ? null : (
+            <Share />
+        )}
+    </div>
+)