import { Head } from '@inertiajs/react'; import Heading from '@/components/heading'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { dashboard } from '@/routes'; import { expenses } from '@/routes/admin/dashboards'; import { DashboardExportButtons, DashboardFiltersBar, type DashboardFilters, type FilterOptions, } from './dashboard-filters'; import { KpiCard, LineChart, StackedCategoryChart } from './dashboard-widgets'; export default function DashboardsExpenses({ overview, filters, filterOptions, can, }: { overview: { kpis: { total: string; achats: string; salaires: string; frais_generaux: string; average_monthly: string; }; by_type: Array<{ type: string; label: string; amount: string }>; trend: Array<{ key: string; label: string; achats: string; salaires: string; frais_generaux: string; total: string; }>; }; filters: DashboardFilters; filterOptions: FilterOptions; can: { export: boolean }; }) { return ( <>

Évolution par catégorie Courbes achats, salaires et frais généraux Répartition globale Ventilation par type de dépense

); } DashboardsExpenses.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Évolution des Dépenses', href: expenses() }, ], };