import Link from "next/link";
import type { ReactNode } from "react";

export default function DashboardLayout({ children }: { children: ReactNode }) {
  return (
    <div className="flex min-h-[60vh]">
      <aside className="w-56 border-r border-neutral-200 bg-white p-4">
        <nav className="space-y-1" aria-label="Dashboard navigation">
          <Link href="/dashboard" className="block rounded px-3 py-2 text-sm font-medium text-neutral-700 hover:bg-neutral-100">Home</Link>
          <Link href="/dashboard/submissions" className="block rounded px-3 py-2 text-sm font-medium text-neutral-700 hover:bg-neutral-100">My submissions</Link>
          <Link href="/dashboard/requests" className="block rounded px-3 py-2 text-sm font-medium text-neutral-700 hover:bg-neutral-100">My requests</Link>
        </nav>
      </aside>
      <div className="flex-1 p-6">{children}</div>
    </div>
  );
}