import { Outlet } from 'react-router-dom';

import Footerbar from '@/components/Footerbar';
import Topbar from '@/components/Topbar';

const BasicLayout = () => {
    return (
        <div className="min-h-screen bg-black flex flex-col">
            <Topbar />
            <main className="pt-[81px] flex-1 min-h-0">
                <Outlet />
            </main>
            <Footerbar />
        </div>
    );
};

export default BasicLayout;