Bar list

"use client";

import { BarList, ChartCard } from "@waveinno/ui";
import { Building2 } from "lucide-react";

export default function BarListExample() {
  return (
    <ChartCard title="Top car parks this month" height={232}>
      <BarList
        format={(v) => `৳${(v / 1000).toFixed(0)}k`}
        items={[
          { id: "g", label: "Gulshan Car Park", hint: "Dhaka", value: 1284000, icon: <Building2 /> },
          { id: "b", label: "Banani Trade Centre", hint: "Dhaka", value: 962000, icon: <Building2 /> },
          { id: "gec", label: "GEC Circle", hint: "Chattogram", value: 641000, icon: <Building2 /> },
          { id: "d", label: "Dhanmondi 27", hint: "Dhaka", value: 488000, icon: <Building2 /> },
          { id: "z", label: "Zindabazar", hint: "Sylhet", value: 214000, icon: <Building2 /> },
        ]}
      />
    </ChartCard>
  );
}