import React from "react";
import { Footer, Header } from "../components";
import { Outlet } from "react-router-dom";

interface GetStartedLayoutProps {
  children?: React.ReactNode;
}


const Layout: React.FC<GetStartedLayoutProps> = ({ children }) => {
  return (
    <div className="w-full mb-20">
      <div className='sticky z-50 top-0 bg-white'>
        <Header hideSidebar={true} hideMenu={true} />
      </div>
      <div className="containerMode mb-16 flex flex-col min-h-[70vh] justify-center items-center">
        {children || <Outlet />}
      </div>
      <div className="fixed bottom-0 left-0 bg-slate-50 w-full">
        <Footer />
      </div>
    </div>
  );
};

export default Layout;
