import { Outlet } from "react-router-dom"
import Header from "./Header"
import Sider from "./Sider"
export default () => {
  return (
    <div style={{
      width: "100vw",
      height: "100vh"
    }}>
      <Header />
      <div style={{
        display: "flex",
      }}>
        <Sider></Sider>
        <div className="main" style={{
          flex: 1,
          overflow: "auto",
          height: 'calc(100vh - 60px)',
          padding: 15
        }}>
          <Outlet></Outlet>
        </div>
      </div>
    </div>
  )
}