// @flow
import * as React from 'react';
import { Helmet } from 'react-helmet';
import styled from 'styled-components';
import breakpoint from 'styled-components-breakpoint';
import { TopNavigation, BottomNavigation } from './Navigation';
import Analytics from '../../../shared/components/Analytics';
import GlobalStyles from '../../../shared/styles/globals';
import prefetchTags from '../../utils/prefetchTags';
export const title = 'Outline';
export const description =
'Your team’s knowledge base - Team wiki, documentation, playbooks, onboarding & more…';
export const screenshotUrl = `${process.env.URL}/screenshot.png`;
type Props = {
children?: React.Node,
};
function Layout({ children }: Props) {
return (
{title}
{prefetchTags}
{'{{HEAD}}'}
{'{{CSS}}'}
{children}
);
}
const Body = styled.body`
padding: 0 30px;
${breakpoint('tablet')`
padding: 0;
`};
`;
export default Layout;