export interface NewBarChartDataItem {
    name: string;
    value: number;
    [key: string]: unknown;
}
export interface NewBarChartTooltipMeta {
    dataKey: string;
    value: number;
}
export interface NewBarChartProps {
    data: NewBarChartDataItem[];
    /** Accepts px number or CSS string (e.g. "100%"). Defaults to "100%". */
    height?: number | string;
    /** Data key for the primary bars. Defaults to "value". */
    primaryDataKey?: string;
    /** Optional second series data key for grouped bars. */
    secondaryDataKey?: string;
    barColor?: string;
    secondaryBarColor?: string;
    activeBarColor?: string;
    activeSecondaryBarColor?: string;
    /** Fixed bar width in px. Defaults to 48. */
    barSize?: number;
    /** Top corner radius only (px); bottom stays square. Defaults to 4. */
    barRadius?: number;
    /** Gap between bars in the same category (Recharts BarChart). */
    barGap?: number | string;
    /** Horizontal grid lines behind bars */
    horizontalGrid?: boolean;
    /** Merged into default chart margins */
    margin?: Partial<{
        top: number;
        right: number;
        bottom: number;
        left: number;
    }>;
    /** With grouped bars, `meta` matches the bar under the cursor */
    tooltipTitle?: (item: NewBarChartDataItem, meta?: NewBarChartTooltipMeta) => string;
    tooltipSubtitle?: (item: NewBarChartDataItem) => string;
    /** Tooltip with bottom center pointer */
    tooltipWithCaret?: boolean;
    /** Reverses bar order and moves Y-axis to the right for RTL layouts */
    rtl?: boolean;
}
export declare const NewBarChart: ({ data, height, primaryDataKey, secondaryDataKey, barColor, secondaryBarColor, activeBarColor, activeSecondaryBarColor, barSize, barRadius, barGap, horizontalGrid, margin, tooltipTitle, tooltipSubtitle, tooltipWithCaret, rtl, }: NewBarChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;