import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head } from '@inertiajs/react'; import { BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, PieChart, Pie, Cell, Legend } from 'recharts'; import { formatCurrency } from '@/lib/utils'; const COLORS = ['#0f172a','#1e293b','#334155','#475569','#64748b','#94a3b8','#cbd5e1']; export default function AnalyticsDashboard({ spendBySupplier, spendByMonth, statusBreakdown }: any) { return (

Spend by Supplier

formatCurrency(v)}/>

Monthly Spend (Last 12 Months)

formatCurrency(v)}/>

PO Status Breakdown

{statusBreakdown.map((_:any,i:number)=>)}

); }