diff options
author | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-22 20:24:53 +0800 |
---|---|---|
committer | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-22 20:28:05 +0800 |
commit | 63b53acd482d38d3015419a4996cf5c2bc1fdb50 (patch) | |
tree | b4a36468f8cda1baaeeb1b23f18fe09800104b59 /packages/dev-tools-pages/ts/components/Content.tsx | |
parent | dfa03feb43e9398dbfda8aebf96b6fb63dff0989 (diff) | |
parent | 50eee9a657fe81fa0af4652f9a5a3f1892a1f1fa (diff) | |
download | dexon-sol-tools-63b53acd482d38d3015419a4996cf5c2bc1fdb50.tar dexon-sol-tools-63b53acd482d38d3015419a4996cf5c2bc1fdb50.tar.gz dexon-sol-tools-63b53acd482d38d3015419a4996cf5c2bc1fdb50.tar.bz2 dexon-sol-tools-63b53acd482d38d3015419a4996cf5c2bc1fdb50.tar.lz dexon-sol-tools-63b53acd482d38d3015419a4996cf5c2bc1fdb50.tar.xz dexon-sol-tools-63b53acd482d38d3015419a4996cf5c2bc1fdb50.tar.zst dexon-sol-tools-63b53acd482d38d3015419a4996cf5c2bc1fdb50.zip |
Merge branch 'dev-tools-pages' into feature/variables
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Content.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/Content.tsx | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/Content.tsx b/packages/dev-tools-pages/ts/components/Content.tsx new file mode 100644 index 000000000..6f46274f7 --- /dev/null +++ b/packages/dev-tools-pages/ts/components/Content.tsx @@ -0,0 +1,34 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +import Container from './Container'; + +const StyledMain = + styled.div < + MainProps > + ` + padding-top: 6.25rem; + padding-bottom: 6.25rem; + ${props => + props.dark + ? ` + background-color: #000; + color: #fff; + ` + : ''}; +`; + +interface MainProps { + dark?: boolean; + children: React.ReactNode; +} + +function Main(props: MainProps) { + return ( + <StyledMain dark={props.dark}> + <Container>{props.children}</Container> + </StyledMain> + ); +} + +export default Main; |