"use client";
import dynamic from "next/dynamic";
import { useTheme } from "next-themes";
import { Panel } from "./page";
const Chart = dynamic(() => import("react-apexcharts"), {
ssr: false,
loading: () => (
Loading chart…
),
});
export type ChartSeries = { name: string; data: number[] }[];
export function ChartPanel({
title,
type = "bar",
series,
categories = [],
height = 300,
}: {
title: string;
type?: "area" | "bar" | "donut" | "line";
series: ChartSeries;
categories?: string[];
height?: number;
}) {
const { resolvedTheme } = useTheme();
return (
`${s.name}: ${s.data.join(", ")}`).join("; ")}`}
>
);
}