import type { Metadata } from 'next';

import { Nav } from '@/components/nav';
import './globals.css';

export const metadata: Metadata = {
    title: 'Claude Config Dashboard',
    description: 'Browse and manage your Claude Code configuration',
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
    return (
        <html lang="en" className="bg-zinc-950">
            <body className="min-h-screen bg-zinc-950 text-zinc-100 antialiased">
                <Nav />
                <main className="mx-auto max-w-6xl px-6 py-8">{children}</main>
            </body>
        </html>
    );
}
