Heading

Summary: _typescript_

Reviewed By: bnelo12

Differential Revision: D16830534

fbshipit-source-id: e2e7f97c41892297fd4b65ab1e63ae3f40c06e39

src/ui/components/ErrorBoundary.js

@@ -7,7 +7,7 @@
 
 import ErrorBlock from './ErrorBlock.js';
 import {Component} from 'react';
-import Heading from './Heading.js';
+import Heading from './Heading.tsx';
 import Button from './Button.js';
 import View from './View.tsx';
 import styled from '../styled/index.js';

src/ui/components/Heading.tsx

@@ -5,7 +5,8 @@
  * @format
  */
 
-import styled from '../styled/index.js';
+import styled from 'react-emotion';
+import React from 'react';
 
 const LargeHeading = styled('div')({
   fontSize: 18,
@@ -30,11 +31,11 @@ export default function Heading(props: {
   /**
    * Level of the heading. A number from 1-6. Where 1 is the largest heading.
    */
-  level?: number,
+  level?: number;
   /**
    * Children.
    */
-  children?: React$Node,
+  children?: React.ReactNode;
 }) {
   if (props.level === 1) {
     return <LargeHeading>{props.children}</LargeHeading>;

src/ui/index.js

@@ -139,7 +139,7 @@ export {default as StatusIndicator} from './components/StatusIndicator.tsx';
 export {default as HorizontalRule} from './components/HorizontalRule.tsx';
 export {default as VerticalRule} from './components/VerticalRule.tsx';
 export {default as Label} from './components/Label.tsx';
-export {default as Heading} from './components/Heading.js';
+export {default as Heading} from './components/Heading.tsx';
 
 // filters
 export type {Filter} from './components/filter/types.js';