"use client";

import Link from "next/link";
import { RequireKind } from "@/lib/session";

export default function CustomerLayout({ children }: { children: React.ReactNode }) {
    return (
        <RequireKind kind="customer">
            <nav className="border-b border-rule-soft bg-panel-2">
                <div className="mx-auto flex max-w-rail flex-wrap gap-5 px-5 py-2.5 font-mono text-[0.72rem] uppercase tracking-[0.06em]">
                    <Link href="/" className="text-accent">
                        Overview
                    </Link>
                    <Link href="/instances/link" className="text-ink-3">
                        Link an install
                    </Link>
                    <Link href="/billing" className="text-ink-3">
                        Billing
                    </Link>
                </div>
            </nav>
            <main className="mx-auto max-w-rail px-5 py-8">{children}</main>
        </RequireKind>
    );
}
