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

export default function ClassesAuthenticatedLayout({ children }: { children: ReactNode }) {
  return (
    <div className="min-h-screen bg-[radial-gradient(circle_at_top,_rgba(196,214,0,0.12),_transparent_28%),linear-gradient(180deg,#080b07_0%,#0d120d_46%,#0a0f09_100%)] text-white">
      <header className="border-b border-white/10 bg-black/35 backdrop-blur-sm">
        <div className="mx-auto flex max-w-6xl items-center justify-between gap-4 px-6 py-4">
          <Link href="/classes" className="text-sm font-semibold tracking-[0.16em] text-white uppercase">
            Ballbox Classes
          </Link>
          <Link
            href="/"
            className="rounded-full border border-white/20 px-4 py-2 text-sm text-white/80 transition hover:border-[#c4d600] hover:text-[#c4d600]"
          >
            Volver a inicio
          </Link>
        </div>
      </header>
      {children}
    </div>
  );
}