Donut chart

"use client";

import { ChartCard, DonutChart } from "@waveinno/ui";

export default function DonutChartExample() {
  return (
    <ChartCard title="How people paid" height={230}>
      <DonutChart
        data={[
          { id: "cash", label: "Cash at the gate", value: 18450 },
          { id: "bkash", label: "bKash", value: 12320 },
          { id: "nagad", label: "Nagad", value: 6110 },
          { id: "card", label: "Card", value: 4380 },
          { id: "wallet", label: "ParkingOS wallet", value: 2960 },
          { id: "monthly", label: "Monthly pass", value: 1520 },
          { id: "voucher", label: "Voucher", value: 640 },
          { id: "other", label: "Bank transfer", value: 310 },
        ]}
        format={(v) => `৳${v.toLocaleString()}`}
        centerLabel="Today"
      />
    </ChartCard>
  );
}