import { BackTop, Layout as _Layout } from "tiny-ui";
import { Menu } from ".";

const { Header, Footer, Content } = _Layout;

const layoutStyle = {
  marginBottom: "2rem",
};
const headerStyle = {};

const contentStyle = {
  minHeight: "200px",
  lineHeight: "1rem",
};

const footerStyle = {};

const Layout = ({ page, children, ...rest }) => {
  return (
    <_Layout style={layoutStyle}>
      <Header style={headerStyle}>
        <Menu page={page} />
      </Header>
      <Content style={contentStyle}>{children}</Content>
      <Footer style={footerStyle}></Footer>
      <BackTop visibilityHeight={100} />
    </_Layout>
  );
};

export default Layout;