'use client';
import { ReactNode } from 'react';
import { SidebarProvider } from '@/components/SidebarContext';
import SupplierSidebar from './SupplierSidebar';
import SupplierTopNav from './SupplierTopNav';

function SupplierLayoutInner({ children }: { children: ReactNode }) {
  return (
    <div className="min-h-screen bg-[#F4F4FB]">
      <SupplierSidebar />
      <SupplierTopNav />
      <main className="pt-[72px] min-h-screen">
        <div className="p-3 md:p-6">{children}</div>
      </main>
    </div>
  );
}

export default function SupplierAppLayout({ children }: { children: ReactNode }) {
  return (
    <SidebarProvider>
      <SupplierLayoutInner>{children}</SupplierLayoutInner>
    </SidebarProvider>
  );
}