"use client";

import { Sidebar } from "@/components/dashboard/sidebar";

export default function DashboardLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="min-h-screen bg-navy-50/50">
      <Sidebar />
      {/* pt-14 on mobile for fixed top bar, pl-64 on desktop for sidebar */}
      <main className="pt-14 md:pt-0 md:pl-64 min-h-screen">
        <div className="p-4 sm:p-6 lg:p-8">{children}</div>
      </main>
    </div>
  );
}
