import React from "react";
import styled from "styled-components";
import { color, layout, typography } from "styled-system";
import FlexBox from "../../layout/Flex";
const Wrapper = styled(FlexBox) `
  ${color}
  ${layout}
  ${typography}
`;
export default function Aside({ header, footer, children, ...props }) {
    return (React.createElement(Wrapper, { display: "inline-flex", flexDirection: "column", height: "100vh", ...props },
        header,
        React.createElement(FlexBox, { flex: "auto", alignItems: "center", justifyContent: "center" }, children),
        footer ?? null));
}
//# sourceMappingURL=index.js.map