From 9ed30fbcca669d27ba56ccadc1597ab41129ca73 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Mon, 3 Dec 2018 11:24:22 +0100
Subject: Adds note to layout section

---
 packages/website/ts/@next/components/layout.tsx | 4 ++++
 1 file changed, 4 insertions(+)

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

diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx
index 1a78f691c..86072b81d 100644
--- a/packages/website/ts/@next/components/layout.tsx
+++ b/packages/website/ts/@next/components/layout.tsx
@@ -87,6 +87,10 @@ export const Main = styled.main`
     margin: 0 auto;
 `;
 
+// We can also turn Section into a stateless comp,
+// passing a asElement (same patter nas Heading) so we dont have to
+// make a const on every route to withComponent-size it.
+// just <Section asElement?="div/section/footer/header/whatever" /> ?
 export const Section = styled.section<SectionProps>`
     width: ${props => props.fullWidth ? `calc(100% + ${GUTTER * 2}px)` : '100%'};
     padding: ${props => !props.noPadding && (props.padLarge ? '60px 30px' : '30px')};
-- 
cgit