import Link from "next/link"

export default function DashboardLayout({
  children
}: {
  children: React.ReactNode
}) {
  return (
    <div className="min-h-screen bg-gray-100 flex flex-col">

      <header className="bg-white shadow-sm border-b w-full">
        <div className="px-8 py-4 flex items-center justify-between">

          <div className="text-2xl font-extrabold text-orange-600">
            UO
          </div>

          <nav className="flex gap-8 text-sm font-medium text-gray-600">
            <Link href="/dashboard">Dashboard</Link>
            <Link href="/deployment">Deployment</Link>
            <Link href="/permissions">Permissions</Link>
            <Link href="/templates">Templates</Link>
          </nav>

        </div>
      </header>

      <main className="flex-1 w-full p-8 bg-gray-100">
        {children}
      </main>

    </div>
  )
}