import { default as MiniHistogram } from './MiniHistogram.vue';

export * from './MiniHistogram.type';
export type ZiMiniHistogramInstance = InstanceType<typeof MiniHistogram>;
export declare const ZiMiniHistogram: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
    showTitle: {
        type: globalThis.PropType<boolean>;
    };
    title: {
        type: globalThis.PropType<string>;
    };
    subtitle: {
        type: globalThis.PropType<string>;
    };
    titleColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    titleFontSize: {
        type: globalThis.PropType<number>;
    };
    dataset: {
        type: globalThis.PropType<import('./MiniHistogram.type').MiniHistogramDatasetItem[]>;
        required: true;
    };
    backgroundColor: {
        type: globalThis.PropType<string>;
    };
    titleSubtitleColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    titleSubtitleFontSize: {
        type: globalThis.PropType<number>;
    };
    barBorderRadius: {
        type: globalThis.PropType<number>;
    };
    titleTextAlign: {
        type: globalThis.PropType<import('vue-data-ui').TextAlign>;
    };
    showAnimation: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    configStyle: {
        type: globalThis.PropType<{
            backgroundColor?: string;
            fontFamily?: string;
            animation?: {
                show?: boolean;
                speedMs?: number;
            };
            layout?: {
                height?: number;
                width?: number;
                padding?: import('vue-data-ui').ChartPadding;
            };
            bars?: {
                shape?: "circle" | "triangle" | "square" | "diamond" | "pentagon" | "hexagon" | "star";
                strokeWidth?: number;
                colors?: {
                    positive?: string;
                    negative?: string;
                    gradient?: {
                        show?: boolean;
                    };
                };
                borderRadius?: number;
                gap?: number;
            };
            labels?: {
                value?: {
                    fontSize?: number;
                    color?: string;
                    bold?: boolean;
                    rounding?: number;
                    prefix?: string;
                    suffix?: string;
                    offsetY?: number;
                    formatter?: import('vue-data-ui').Formatter;
                };
                valueLabel?: {
                    fontSize?: number;
                    color?: string;
                    bold?: boolean;
                    rounding?: number;
                };
                timeLabel?: {
                    fontSize?: number;
                    color?: string;
                    bold?: boolean;
                };
            };
            selector?: {
                stroke?: string;
                strokeDasharray?: number;
                strokeWidth?: number;
                borderRadius?: number;
            };
            title?: {
                textAlign?: import('vue-data-ui').TextAlign;
                text?: string;
                color?: string;
                fontSize?: number;
                bold?: boolean;
                margin?: string;
                subtitle?: {
                    color?: string;
                    text?: string;
                    fontSize?: number;
                    bold?: boolean;
                };
            };
        }>;
    };
    layoutHeight: {
        type: globalThis.PropType<number>;
    };
    layoutWidth: {
        type: globalThis.PropType<number>;
    };
    layoutPaddingTop: {
        type: globalThis.PropType<number>;
    };
    layoutPaddingBottom: {
        type: globalThis.PropType<number>;
    };
    barShape: {
        type: globalThis.PropType<"star" | "triangle" | "square" | "diamond" | "pentagon" | "hexagon" | "circle">;
        default: string;
    };
    barStrokeWidth: {
        type: globalThis.PropType<number>;
    };
    barGradientShow: {
        type: globalThis.PropType<boolean>;
    };
    barGap: {
        type: globalThis.PropType<number>;
    };
    labelsValueFontSize: {
        type: globalThis.PropType<number>;
    };
    labelsValueColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    labelsValueBold: {
        type: globalThis.PropType<boolean>;
    };
    labelsValueRounding: {
        type: globalThis.PropType<number>;
    };
    labelsValuePrefix: {
        type: globalThis.PropType<string>;
    };
    labelsValueSuffix: {
        type: globalThis.PropType<string>;
    };
    labelsValueOffsetY: {
        type: globalThis.PropType<number>;
    };
    labelsValueLabelFontSize: {
        type: globalThis.PropType<number>;
    };
    labelsValueLabelColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    labelsValueLabelBold: {
        type: globalThis.PropType<boolean>;
    };
    labelsValueLabelRounding: {
        type: globalThis.PropType<number>;
    };
    labelsTimeLabelFontSize: {
        type: globalThis.PropType<number>;
    };
    labelsTimeLabelColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    labelsTimeLabelBold: {
        type: globalThis.PropType<boolean>;
    };
    showSelector: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    selectorStroke: {
        type: globalThis.PropType<string>;
        default: string;
    };
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    select: (value: import('./MiniHistogram.type').MiniHistogramEmitsOptions) => void;
}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
    showTitle: {
        type: globalThis.PropType<boolean>;
    };
    title: {
        type: globalThis.PropType<string>;
    };
    subtitle: {
        type: globalThis.PropType<string>;
    };
    titleColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    titleFontSize: {
        type: globalThis.PropType<number>;
    };
    dataset: {
        type: globalThis.PropType<import('./MiniHistogram.type').MiniHistogramDatasetItem[]>;
        required: true;
    };
    backgroundColor: {
        type: globalThis.PropType<string>;
    };
    titleSubtitleColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    titleSubtitleFontSize: {
        type: globalThis.PropType<number>;
    };
    barBorderRadius: {
        type: globalThis.PropType<number>;
    };
    titleTextAlign: {
        type: globalThis.PropType<import('vue-data-ui').TextAlign>;
    };
    showAnimation: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    configStyle: {
        type: globalThis.PropType<{
            backgroundColor?: string;
            fontFamily?: string;
            animation?: {
                show?: boolean;
                speedMs?: number;
            };
            layout?: {
                height?: number;
                width?: number;
                padding?: import('vue-data-ui').ChartPadding;
            };
            bars?: {
                shape?: "circle" | "triangle" | "square" | "diamond" | "pentagon" | "hexagon" | "star";
                strokeWidth?: number;
                colors?: {
                    positive?: string;
                    negative?: string;
                    gradient?: {
                        show?: boolean;
                    };
                };
                borderRadius?: number;
                gap?: number;
            };
            labels?: {
                value?: {
                    fontSize?: number;
                    color?: string;
                    bold?: boolean;
                    rounding?: number;
                    prefix?: string;
                    suffix?: string;
                    offsetY?: number;
                    formatter?: import('vue-data-ui').Formatter;
                };
                valueLabel?: {
                    fontSize?: number;
                    color?: string;
                    bold?: boolean;
                    rounding?: number;
                };
                timeLabel?: {
                    fontSize?: number;
                    color?: string;
                    bold?: boolean;
                };
            };
            selector?: {
                stroke?: string;
                strokeDasharray?: number;
                strokeWidth?: number;
                borderRadius?: number;
            };
            title?: {
                textAlign?: import('vue-data-ui').TextAlign;
                text?: string;
                color?: string;
                fontSize?: number;
                bold?: boolean;
                margin?: string;
                subtitle?: {
                    color?: string;
                    text?: string;
                    fontSize?: number;
                    bold?: boolean;
                };
            };
        }>;
    };
    layoutHeight: {
        type: globalThis.PropType<number>;
    };
    layoutWidth: {
        type: globalThis.PropType<number>;
    };
    layoutPaddingTop: {
        type: globalThis.PropType<number>;
    };
    layoutPaddingBottom: {
        type: globalThis.PropType<number>;
    };
    barShape: {
        type: globalThis.PropType<"star" | "triangle" | "square" | "diamond" | "pentagon" | "hexagon" | "circle">;
        default: string;
    };
    barStrokeWidth: {
        type: globalThis.PropType<number>;
    };
    barGradientShow: {
        type: globalThis.PropType<boolean>;
    };
    barGap: {
        type: globalThis.PropType<number>;
    };
    labelsValueFontSize: {
        type: globalThis.PropType<number>;
    };
    labelsValueColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    labelsValueBold: {
        type: globalThis.PropType<boolean>;
    };
    labelsValueRounding: {
        type: globalThis.PropType<number>;
    };
    labelsValuePrefix: {
        type: globalThis.PropType<string>;
    };
    labelsValueSuffix: {
        type: globalThis.PropType<string>;
    };
    labelsValueOffsetY: {
        type: globalThis.PropType<number>;
    };
    labelsValueLabelFontSize: {
        type: globalThis.PropType<number>;
    };
    labelsValueLabelColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    labelsValueLabelBold: {
        type: globalThis.PropType<boolean>;
    };
    labelsValueLabelRounding: {
        type: globalThis.PropType<number>;
    };
    labelsTimeLabelFontSize: {
        type: globalThis.PropType<number>;
    };
    labelsTimeLabelColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    labelsTimeLabelBold: {
        type: globalThis.PropType<boolean>;
    };
    showSelector: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    selectorStroke: {
        type: globalThis.PropType<string>;
        default: string;
    };
}>> & Readonly<{
    onSelect?: ((value: import('./MiniHistogram.type').MiniHistogramEmitsOptions) => any) | undefined;
}>, {
    titleColor: string;
    titleSubtitleColor: string;
    showAnimation: boolean;
    barShape: "square" | "circle" | "triangle" | "diamond" | "pentagon" | "hexagon" | "star";
    labelsValueColor: string;
    labelsValueLabelColor: string;
    labelsTimeLabelColor: string;
    showSelector: boolean;
    selectorStroke: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default MiniHistogram;