"use client"; import { EvilLineChart } from "@/registry/charts/recharts-line-chart"; import { ChartBackground } from "@/registry/ui/recharts-background"; import { type ChartConfig } from "@/registry/ui/recharts-chart"; const data = [ { month: "January", desktop: 342, mobile: 184 }, { month: "February", desktop: 876, mobile: 491 }, { month: "March", desktop: 512, mobile: 290 }, { month: "April", desktop: 629, mobile: 391 }, { month: "May", desktop: 458, mobile: 309 }, { month: "June", desktop: 781, mobile: 449 }, { month: "July", desktop: 394, mobile: 234 }, { month: "August", desktop: 925, mobile: 557 }, { month: "September", desktop: 647, mobile: 367 }, { month: "October", desktop: 532, mobile: 357 }, { month: "November", desktop: 803, mobile: 515 }, { month: "December", desktop: 271, mobile: 149 }, ]; const chartConfig = { desktop: { label: "Desktop", colors: { light: ["#047857"], dark: ["#10b981"], }, }, mobile: { label: "Mobile", colors: { light: ["#be123c"], dark: ["#f43f5e"], }, }, } satisfies ChartConfig; export function EvilExampleLineChart() { return ( value.substring(0, 3)} /> ); }