import { BarChartDatum } from '../../composables/useBarChart';
export interface BarChartProps {
    /**
     * Height of each bar in pixels.
     */
    barHeight?: number;
    /**
     * Vertical gap between bars in pixels.
     */
    barGap?: number;
    /**
     * Color of the bars. Falls back to theme's dark color.
     */
    barColor?: string;
    /**
     * Color of highlighted bars. Falls back to theme's primary color.
     */
    barHighlightColor?: string;
    /**
     * Fixed width for labels in pixels. If not set, width is calculated automatically.
     */
    fixedLabelWidth?: number | null;
    /**
     * Fixed width for values in pixels. If not set, width is calculated automatically.
     */
    fixedValueWidth?: number | null;
    /**
     * Horizontal gap between labels and bars in pixels.
     */
    labelGap?: number;
    /**
     * Horizontal gap between bars and their values in pixels.
     */
    valueGap?: number;
    /**
     * Field name(s) to sort the data by.
     */
    sortBy?: string | string[] | null;
    /**
     * Formatter function or d3 format string for x-axis tick values.
     */
    xAxisTickFormat?: ((v: any) => string) | string;
    /**
     * Data to display, either as a URL string to fetch or an array of objects.
     */
    data?: string | Record<string, unknown>[] | null;
    /**
     * Type of data file when fetching from URL.
     */
    dataUrlType?: 'json' | 'csv' | 'tsv';
    /**
     * Aspect ratio (height/width) for the chart.
     */
    chartHeightRatio?: number;
    /**
     * Enable social mode for optimal display when sharing on social media.
     */
    socialMode?: boolean;
    /**
     * Aspect ratio to use in social mode.
     */
    socialModeRatio?: number;
}
declare const __VLS_export: import('../../../node_modules/vue').DefineComponent<BarChartProps, {
    margin: import('../../../node_modules/vue').ComputedRef<import('../../composables/useBarChart').BarChartMargin>;
    padded: import('../../../node_modules/vue').ComputedRef<import('../../composables/useBarChart').BarChartPadded>;
    scale: import('../../../node_modules/vue').ComputedRef<{
        x: import('d3-scale').ScaleLinear<number, number>;
    }>;
    bars: import('../../../node_modules/vue').ComputedRef<import('../../composables/useBarChart').BarChartBar[]>;
    labels: import('../../../node_modules/vue').ComputedRef<import('../../composables/useBarChart').BarChartLabel[]>;
    height: import('../../../node_modules/vue').ComputedRef<number>;
}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {
    loaded: (data: BarChartDatum[] | null) => any;
    resized: () => any;
}, string, import('../../../node_modules/vue').PublicProps, Readonly<BarChartProps> & Readonly<{
    onLoaded?: ((data: BarChartDatum[] | null) => any) | undefined;
    onResized?: (() => any) | undefined;
}>, {
    data: string | Record<string, unknown>[] | null;
    sortBy: string | string[] | null;
    chartHeightRatio: number;
    socialMode: boolean;
    socialModeRatio: number;
    dataUrlType: "json" | "csv" | "tsv";
    barHeight: number;
    barGap: number;
    labelGap: number;
    barColor: string;
    barHighlightColor: string;
    fixedLabelWidth: number | null;
    fixedValueWidth: number | null;
    valueGap: number;
    xAxisTickFormat: ((v: any) => string) | string;
}, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, false, {}, any>;
declare const _default: typeof __VLS_export;
export default _default;