"use client";

import Sidebar from "@/components/Sidebar";

interface DashboardPageProps {
    username: string;
    name: string;
}

export default function DashboardPage({ username, name }: DashboardPageProps) {    
    return (
        <div>
            <Sidebar 
                username={username} 
                fullName={name} 
                breadcrumbPath={['/', 'Dashboard', 'Settings']}
            >
                <main>
                    <h1 className="text-2xl font-bold">Settings</h1>
                    <p className="text-sm opacity-70">Manage your instance settings</p>

                    <div className="tabs tabs-border pt-8">
                        <input type="radio" name="user_settings" className="tab text-primary" aria-label="User Settings" defaultChecked/>
                        <div className="tab-content bg-base-100 p-10">User Settings</div>
                    </div>

                </main>
            </Sidebar>
        </div>
    );
}