Line chart

"use client";

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

const REVENUE = ["Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri"].map((day, i) => ({
  day,
  now: [38, 44, 51, 47, 55, 58, 49][i]!,
  last: [35, 39, 46, 45, 48, 50, 47][i]!,
}));

const LINE = [
  { id: "now", key: "now", label: "This week", color: SERIES[0] },
  { id: "last", key: "last", label: "Last week", color: SERIES[2], dashed: true },
];

export default function LineChartExample() {
  return (
    <ChartCard title="Revenue per day" description="৳ thousands" series={LINE}>
      <LineChart data={REVENUE} xKey="day" series={LINE} target={{ value: 52, label: "Target 52k" }} format={(v) => `${v}k`} />
    </ChartCard>
  );
}