import CardChart from "@islands/charts/card_chart.tsx";

interface LedgerChartProps {
  ledger: Ledger.Ledger<any>
}

export default function({ ledger }: LedgerChartProps) {
  return (<>
    <CardChart endpoint={`/api/v1/${ledger.slug_plural}/summary/additions`} name={`${ledger.name} Added`}></CardChart>
    <CardChart endpoint={`/api/v1/${ledger.slug_plural}/summary/consumptions`} name={`${ledger.name} Consumed`}></CardChart>
    <CardChart endpoint={`/api/v1/${ledger.slug_plural}/summary/expirations`} name={`${ledger.name} Expired`}></CardChart>
    <CardChart endpoint={`/api/v1/${ledger.slug_plural}/summary/aggregate`} name={`${ledger.name} Usable`}></CardChart>
  </>);
}