"use client";
import type { FC } from "react";
import ClientCards from "./client-cards";
import InvoiceCards from "./invoice-cards";
import GraphChart from "./graph-chart";
import ResellerCards from "./reseller-cards";
import NewClientCards from "./new-client-cards";

const DashboardPage: FC = function () {
  return (
    <div className="py-5">
      <div className="grid grid-cols-1 md:grid-cols-4 lg:grid-cols-4 gap-3">
        <ClientCards />
        <NewClientCards />
        <ResellerCards />
        <InvoiceCards />
      </div>
      <GraphChart />
    </div>
  );
};

export default DashboardPage;