import { Header } from "@/features/layout/components/header";
import { Sidebar } from "@/features/layout/components/sidebar";

export default function MainLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="flex min-h-screen flex-col bg-zinc-50 dark:bg-black">
      <Header />
      <div className="flex flex-1">
        <Sidebar />
        <main className="flex-1 w-full p-6 md:p-8 lg:p-10">{children}</main>
      </div>
    </div>
  );
}
