36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
import Link from "next/link";
|
|
|
|
export default function DashboardLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<div className="min-h-screen bg-slate-50 flex flex-col">
|
|
<header className="bg-white border-b border-slate-200 shadow-sm">
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
|
|
<div className="flex items-center gap-8">
|
|
<span className="text-slate-900 font-bold text-lg">AI Recruitment</span>
|
|
<nav className="flex gap-4">
|
|
<Link href="/jobs" className="text-sm text-slate-600 hover:text-slate-900 font-medium">
|
|
Jobs
|
|
</Link>
|
|
<Link href="/candidates" className="text-sm text-slate-600 hover:text-slate-900 font-medium">
|
|
Candidates
|
|
</Link>
|
|
<Link href="/interviews" className="text-sm text-slate-600 hover:text-slate-900 font-medium">
|
|
Interviews
|
|
</Link>
|
|
<Link href="/workflows" className="text-sm text-slate-600 hover:text-slate-900 font-medium">
|
|
Workflows
|
|
</Link>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main className="flex-1 max-w-7xl mx-auto w-full p-6 sm:p-8">
|
|
{children}
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|