Trend chart

"use client";

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

const WEEK = ["Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri"].map((day, i) => ({
  day,
  cars: 320 + ((i * 53) % 140),
  bikes: 140 + ((i * 31) % 90),
}));

const trend = [
  { id: "cars", key: "cars", label: "Cars", color: SERIES[0] },
  { id: "bikes", key: "bikes", label: "Motorcycles", color: SERIES[1] },
];

export default function TrendChartExample() {
  return (
    <ChartCard title="Entries this week" series={trend}>
      <TrendChart data={WEEK} xKey="day" series={trend} />
    </ChartCard>
  );
}