import { Suspense } from "react";
import { DashboardClient } from "@/components/dashboard/dashboard-client";

function DashboardFallback() {
    return (
        <div className="min-h-screen bg-[#f7f3ec] px-4 py-16" dir="rtl">
            <div className="mx-auto max-w-6xl rounded-[32px] border border-[#ebe4d8] bg-white px-8 py-20 text-center text-[#6e675b] shadow-[0_20px_50px_rgba(48,40,28,0.06)]">
                در حال بارگذاری پیشخوان...
            </div>
        </div>
    );
}

export default function DashboardPage() {
    return (
        <Suspense fallback={<DashboardFallback />}>
            <DashboardClient />
        </Suspense>
    );
}