import { Header } from './header';

interface DashboardShellProps {
  children: React.ReactNode;
  title: string;
  headerContent?: React.ReactNode;
}

export function DashboardShell({ children, title, headerContent }: DashboardShellProps) {
  // Navigation is handled by the parent layout.tsx which respects theme settings
  // DashboardShell only provides Header and content wrapper
  return (
    <>
      <Header title={title}>{headerContent}</Header>
      <main className="p-6">{children}</main>
    </>
  );
}