From be39c5ba993998d6e07cea8d1ed9998bd33ebc3d Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Thu, 29 Nov 2018 08:52:13 +0100
Subject: Moves content wrap to layout.tsx

---
 packages/website/ts/@next/components/siteWrap.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'packages/website/ts/@next/components/siteWrap.tsx')

diff --git a/packages/website/ts/@next/components/siteWrap.tsx b/packages/website/ts/@next/components/siteWrap.tsx
index c71fcf9cb..828842064 100644
--- a/packages/website/ts/@next/components/siteWrap.tsx
+++ b/packages/website/ts/@next/components/siteWrap.tsx
@@ -3,8 +3,11 @@ import styled from 'styled-components';
 
 import { Footer } from 'ts/@next/components/footer';
 import { Header } from 'ts/@next/components/header';
+import { Main } from 'ts/@next/components/layout';
 import { GlobalStyles } from 'ts/@next/constants/globalStyle';
 
+// Note(ez): We'll define the theme and provide it via a prop
+// e.g. theme dark/light/etc.
 interface Props {
 
 }
@@ -14,12 +17,15 @@ const SiteWrap: React.StatelessComponent<Props> = props => {
 
   return (
     <>
+      {/* GlobalStyles will be exposed the theme via provider,
+          same is true for all children of SiteWrap
+      */}
       <GlobalStyles />
 
       <Header />
 
       <Main>
-        {children}
+        { children }
       </Main>
 
       <Footer/>
@@ -27,11 +33,5 @@ const SiteWrap: React.StatelessComponent<Props> = props => {
   );
 };
 
-const Main = styled.main`
-  border: 1px solid blue;
-  width: calc(100% - 60px);
-  max-width: 1500px;
-  margin: 0 auto;
-`;
 
 export { SiteWrap };
-- 
cgit v1.2.3

