import PatientDashboardCards from "@/app/(patients)/_components/_dashboard_cards";
import PatientDashboardPanel from "@/app/(patients)/_components/_patient_dashboard_panel";
import PatientDashboardTabs from "@/app/(patients)/_components/_dashboard_tabs";
import {useAuth} from "@/lib/hooks/useAuth";

export default async function PatientsDashboard() {

    const {user, userProfile} = await useAuth();

    return (
        <main className="grid flex-1 items-start gap-4 p-4 sm:px-6 sm:py-0 md:gap-8 lg:grid-cols-3 xl:grid-cols-3">
            <div className="grid auto-rows-max items-start gap-4 md:gap-8 lg:col-span-2">
                <PatientDashboardCards user={user}/>
                <PatientDashboardTabs/>
            </div>
            <PatientDashboardPanel user={user} userProfile={userProfile}/>
        </main>
    )
}


/*<main className="flex flex-1 flex-col gap-4 p-4 lg:gap-6 lg:p-6">
            <div className="flex items-center">
                <h1 className="text-lg font-semibold md:text-2xl">Inventory</h1>
            </div>
            <div
                className="flex flex-1 items-center justify-center rounded-lg border border-dashed shadow-sm">
                <div className="flex flex-col items-center gap-1 text-center">
                    <h3 className="text-2xl font-bold tracking-tight">
                        You have no products
                    </h3>
                    <p className="text-sm text-muted-foreground">
                        You can start selling as soon as you add a product.
                    </p>
                    <Button className="mt-4">Add Product</Button>
                </div>
            </div>
        </main>*/