// @flow
import * as React from "react";
import { Helmet } from "react-helmet";
import styled from "styled-components";
import breakpoint from "styled-components-breakpoint";
import Analytics from "./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,
sessions: Object,
loggedIn: boolean,
};
function Layout({ children, loggedIn, sessions }: Props) {
return (
{title}
{prefetchTags}
{"{{HEAD}}"}
{"{{CSS}}"}
{children}
);
}
const Body = styled.body`
padding: 0 30px;
${breakpoint("desktop")`
padding: 0;
`};
`;
export default Layout;