1 files changed, 33 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/Main.tsx b/packages/dev-tools-pages/ts/components/Main.tsx
new file mode 100644
index 000000000..8046abc91
--- /dev/null
+++ b/packages/dev-tools-pages/ts/components/Main.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+import { withContext, Props } from './withContext';
+
+import { Alpha } from './Typography';
+
+const StyledMain = styled.div`
+    padding-top: 6.25rem;
+    padding-bottom: 6.25rem;
+`;
+
+const Title = styled(Alpha)`
+    color: ${props => props.color};
+    margin-bottom: 6.25rem;
+`;
+
+interface MainProps extends Props {
+    children: React.ReactNode;
+}
+
+function Main(props: MainProps) {
+    return (
+        <StyledMain>
+            <Title as="h2" color={props.colors.main}>
+                Get started
+            </Title>
+            {props.children}
+        </StyledMain>
+    );
+}
+
+export default withContext(Main);