import * as React from "react";
import { type ChartDatum, type ChartSeries, type ChartState } from "@/components/charts/charts";
import { Card } from "@/components/ui/card";
export type ChartCardType = "bar" | "line" | "donut";
export type ChartCardFilter = {
    label: string;
    value: string;
};
export type ChartCardProps = Omit<React.ComponentProps<typeof Card>, "type"> & {
    title?: React.ReactNode;
    description?: React.ReactNode;
    type?: ChartCardType;
    data?: ChartDatum[];
    series?: ChartSeries[];
    labels?: React.ReactNode[];
    state?: ChartState;
    metric?: React.ReactNode;
    badge?: React.ReactNode;
    filters?: ChartCardFilter[];
    filterValue?: string;
    onFilterChange?: (value: string) => void;
};
declare function ChartCard({ title, description, type, data, series, labels, state, metric, badge, filters, filterValue, onFilterChange, className, ...props }: ChartCardProps): React.JSX.Element;
export { ChartCard };