'use client'

import { SettingsNav } from '@/components/settings'

export default function SettingsLayout({
    children,
}: {
    children: React.ReactNode
}) {
    return (
        <div className="flex flex-col h-full">
            {/* Horizontal Tab Navigation */}
            <header className="flex items-center gap-1 px-8 bg-background border-b border-border shrink-0">
                <SettingsNav />
            </header>

            {/* Page Content */}
            <div className="flex-1 overflow-y-auto">
                <div className="max-w-5xl mx-auto px-8 py-8 space-y-8">
                    {children}
                </div>
            </div>
        </div>
    )
}