import { Layout } from "antd";
import { copyright } from "../utils/variables";
import { MainHeader } from "../Components/Header";
import NextTopLoader from "nextjs-toploader";

export const LayoutInner = ({ children }) => {
  const { Content, Footer } = Layout;

  return (
    <Layout style={{ minHeight: "100vh" }}>
      <NextTopLoader color="#1677ff" showSpinner={false} shadow={false} />
      <MainHeader />
      <Content>{children}</Content>
      <Footer style={{ fontSize: "12px", opacity: "0.6" }}>{copyright}</Footer>
    </Layout>
  );
};
