fix linting + code syntax for statless components

1 files changed, 7 insertions, 9 deletions

diff --git a/packages/dev-tools-pages/ts/components/Content.tsx b/packages/dev-tools-pages/ts/components/Content.tsx
index 3dcf50660..328ef0778 100644
--- a/packages/dev-tools-pages/ts/components/Content.tsx
+++ b/packages/dev-tools-pages/ts/components/Content.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import styled from 'styled-components';
 
-import Container from './Container';
+import { Container } from './Container';
 
 const StyledMain =
     styled.div <
@@ -26,12 +26,10 @@ interface MainProps {
     children: React.ReactNode;
 }
 
-function Main(props: MainProps) {
-    return (
-        <StyledMain dark={props.dark}>
-            <Container>{props.children}</Container>
-        </StyledMain>
-    );
-}
+const Content: React.StatelessComponent<MainProps> = props => (
+    <StyledMain dark={props.dark}>
+        <Container>{props.children}</Container>
+    </StyledMain>
+);
 
-export default Main;
+export { Content };