import * as react_jsx_runtime from 'react/jsx-runtime';

/**
 * One month of contact-matching data showing how many contacts are in each
 * account-status bucket.
 */
interface ContactMatchingDataPoint {
    /** ISO date string e.g. "2024-01-01" */
    date: string;
    /** Total contacts across all statuses. */
    total: number;
    /** Contacts with an active account. */
    active: number;
    /** Contacts with a pending account. */
    pending: number;
    /** Contacts with an inactive account. */
    inactive: number;
}
type ContactMatchingPeriod = 3 | 6 | 12;
interface BackofficeContactMatchingChartProps {
    chartData?: ContactMatchingDataPoint[] | null;
    title?: string;
    showLegend?: boolean;
    legendPosition?: "top" | "bottom";
    showXAxis?: boolean;
    showYAxis?: boolean;
    defaultPeriod?: ContactMatchingPeriod;
    height?: number;
    width?: number | string;
    className?: string;
    isLoading?: boolean;
}
declare function BackofficeContactMatchingChart({ chartData, title, showLegend, legendPosition, showXAxis, showYAxis, defaultPeriod, height, width, className, isLoading, }: BackofficeContactMatchingChartProps): react_jsx_runtime.JSX.Element;

export { BackofficeContactMatchingChart, type BackofficeContactMatchingChartProps, type ContactMatchingDataPoint, type ContactMatchingPeriod };