import { DashboardHeader } from "./DashboardHeader";
import { KPICards } from "./KPICards";
import { ChartsSection } from "./ChartsSection";
import { RecentCallsTable } from "./RecentCallsTable";
import { DashboardProvider } from "./context/DashboardContext";

export function DashboardContent() {
  return (
    <DashboardProvider>
      <div className="flex-1 bg-slate-900 text-white">
        <DashboardHeader />

        <div className="p-6 space-y-6">
          <KPICards />
          <ChartsSection />
          <RecentCallsTable />
        </div>
      </div>
    </DashboardProvider>
  );
}
