import { ActivityChart } from "../../components/admin-page-components/activity-chart";
import { DashboardLayout } from "../../components/admin-page-components/dashboard-layout";
import { RecentSales } from "../../components/admin-page-components/dashboard-sales";
import { RevenueChart } from "../../components/admin-page-components/revenu-chart";
import { StatsCards } from "../../components/admin-page-components/stat-cards";


export default function DashboardPage() {
  return (
    <DashboardLayout>
      <div className="flex flex-col gap-6">
        <div>
          <h1 className="text-3xl font-bold tracking-tight text-balance">
            Dashboard
          </h1>
          <p className="text-muted-foreground mt-2">
            Welcome back! Here's an overview of your business metrics.
          </p>
        </div>

        <StatsCards />

        <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-7">
          <RevenueChart />
          <RecentSales />
        </div>

        <ActivityChart />
      </div>
    </DashboardLayout>
  );
}