import { normalize } from "csstips"; import { stylesheet } from "typestyle"; import { type Component, createElement } from "websnacks"; import { stylesheetPath } from "../config"; import { Header } from "./header"; import { Navbar } from "./navbar"; normalize(); const styles = stylesheet({ html: { height: "100%", }, wrapper: { height: "100%", display: "flex", flexDirection: "row", margin: 0, }, main: { flex: 1, }, mainBody: { padding: "16px", }, navbar: { display: "flex", flex: "0 0 auto", zIndex: 9, }, }); const SITE_TITLE = "Example Site"; export interface LayoutProps { headline?: string; } export const Layout: Component = ({ children, headline }) => ( {SITE_TITLE} {headline && ` | ${headline}`}
{children}
);