export default function MainLayout({ children }) {
    return (
        <div className="min-h-screen bg-gray-900 text-white">
            {/* HEADER */}
            <header className="p-4 border-b border-gray-700 flex justify-between">
                <h1 className="font-bold text-xl">Poker Tournament 🃏</h1>

                <nav className="flex gap-4 text-sm">
                    <a href="/dashboard">Dashboard</a>
                    <a href="/players">Players</a>
                    <a href="/blinds">Blinds</a>
                </nav>
            </header>

            {/* CONTENT */}
            <main className="p-6">
                {children}
            </main>
        </div>
    );
}