import {Card, CardContent, CardDescription, CardHeader, CardTitle} from "@/components/ui/card";
import {Avatar, AvatarFallback, AvatarImage} from "@/components/ui/avatar";
import ClientDashboardCards from "@/app/(clients)/_components/_dashboard_cards";
import ClientDashboardRecentAppointments from "@/app/(clients)/_components/_dashboard_recent_appointments";
import ClientDashboardPatients from "@/app/(clients)/_components/_dashboard_your_patients";

export default function ClientDashboard() {
    return (
        <main className="flex flex-1 flex-col gap-4 p-4 md:gap-8 md:p-8">

            <ClientDashboardCards/>

            <div className="grid gap-4 md:gap-8 lg:grid-cols-2 xl:grid-cols-3">
                <ClientDashboardRecentAppointments/>
                <ClientDashboardPatients/>
            </div>
        </main>
    )
}