|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- import * as React from 'react'
- import styled, { createGlobalStyle } from 'styled-components'
- import TopBar from '../../widgets/TopBar'
- import {configVar, loadConfig} from '../../utilities/helpers'
-
- const Config = createGlobalStyle({
- ...loadConfig(),
- })
-
- const ContentBase = styled('main')({
- boxSizing: 'border-box',
- })
-
- export const ContentContainer = styled('div')({
- padding: '0 1rem',
- boxSizing: 'border-box',
- margin: '0 auto',
- maxWidth: configVar('base-width'),
- width: '100%',
- })
-
- type Props = {
- brand?: React.ReactNode,
- userLink?: React.ReactNode,
- topBarCenter?: React.ReactChild,
- }
-
- export const Layout: React.FC<Props> = ({
- brand,
- userLink,
- topBarCenter,
- children,
- }) => {
- return (
- <>
- <Config />
- <TopBar
- brand={brand}
- userLink={userLink}
- >
- {topBarCenter}
- </TopBar>
- <ContentBase>
- {children}
- </ContentBase>
- </>
- )
- }
|