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

export * from './MiniBar.type';
export type ZiMiniBarInstance = InstanceType<typeof MiniBar>;
export declare const ZiMiniBar: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
    showTitle: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    title: {
        type: globalThis.PropType<string>;
    };
    subtitle: {
        type: globalThis.PropType<string>;
    };
    titleColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    titleFontSize: {
        type: globalThis.PropType<number>;
        default: number;
    };
    subtitleColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    subtitleFontSize: {
        type: globalThis.PropType<number>;
    };
    dataset: {
        type: globalThis.PropType<import('./MiniBar.type').MiniBarDatasetItem[]>;
        required: true;
    };
    backgroundColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    target: {
        type: globalThis.PropType<number>;
    };
    labelsFontSize: {
        type: globalThis.PropType<number>;
    };
    gap: {
        type: globalThis.PropType<number>;
    };
    showLabelsValue: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    percentage: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    showAnimation: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    independant: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    showTargetValue: {
        type: globalThis.PropType<boolean>;
    };
    targetValueText: {
        type: globalThis.PropType<string>;
    };
    gutterBackgroundColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    gutterOpacity: {
        type: globalThis.PropType<number>;
    };
    showSubtitle: {
        type: globalThis.PropType<boolean>;
    };
    labelPosition: {
        type: globalThis.PropType<"top" | "right" | "left" | "top-left" | "top-right" | "top-center">;
        default: string;
    };
    configStyle: {
        type: globalThis.PropType<{
            backgroundColor?: string;
            fontFamily?: string;
            animation?: {
                show?: boolean;
                animationFrames?: number;
            };
            layout?: {
                independant?: boolean;
                percentage?: boolean;
                target?: number;
                showTargetValue?: boolean;
                targetValueText?: string;
            };
            gutter?: {
                backgroundColor?: string;
                opacity?: number;
            };
            bar?: {
                gradient?: {
                    show?: boolean;
                    intensity?: number;
                    underlayerColor?: string;
                };
            };
            labels?: {
                fontSize?: number;
                name?: {
                    position?: "left" | "top" | "top-left" | "top-center" | "top-right" | "right";
                    width?: string;
                    color?: string;
                    bold?: boolean;
                };
                value?: {
                    show?: boolean;
                    bold?: boolean;
                };
            };
            title?: {
                backgroundColor?: string;
                bold?: boolean;
                color?: string;
                fontSize?: number;
                margin?: string;
                text?: string;
                textAlign?: import('vue-data-ui').TextAlign;
                subtitle?: {
                    bold?: boolean;
                    color?: string;
                    fontSize?: number;
                    text?: string;
                };
            };
            gap?: number;
        }>;
    };
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    select: (value: import('./MiniBar.type').MiniBarEmitsOptions) => void;
}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
    showTitle: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    title: {
        type: globalThis.PropType<string>;
    };
    subtitle: {
        type: globalThis.PropType<string>;
    };
    titleColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    titleFontSize: {
        type: globalThis.PropType<number>;
        default: number;
    };
    subtitleColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    subtitleFontSize: {
        type: globalThis.PropType<number>;
    };
    dataset: {
        type: globalThis.PropType<import('./MiniBar.type').MiniBarDatasetItem[]>;
        required: true;
    };
    backgroundColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    target: {
        type: globalThis.PropType<number>;
    };
    labelsFontSize: {
        type: globalThis.PropType<number>;
    };
    gap: {
        type: globalThis.PropType<number>;
    };
    showLabelsValue: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    percentage: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    showAnimation: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    independant: {
        type: globalThis.PropType<boolean>;
        default: boolean;
    };
    showTargetValue: {
        type: globalThis.PropType<boolean>;
    };
    targetValueText: {
        type: globalThis.PropType<string>;
    };
    gutterBackgroundColor: {
        type: globalThis.PropType<string>;
        default: string;
    };
    gutterOpacity: {
        type: globalThis.PropType<number>;
    };
    showSubtitle: {
        type: globalThis.PropType<boolean>;
    };
    labelPosition: {
        type: globalThis.PropType<"top" | "right" | "left" | "top-left" | "top-right" | "top-center">;
        default: string;
    };
    configStyle: {
        type: globalThis.PropType<{
            backgroundColor?: string;
            fontFamily?: string;
            animation?: {
                show?: boolean;
                animationFrames?: number;
            };
            layout?: {
                independant?: boolean;
                percentage?: boolean;
                target?: number;
                showTargetValue?: boolean;
                targetValueText?: string;
            };
            gutter?: {
                backgroundColor?: string;
                opacity?: number;
            };
            bar?: {
                gradient?: {
                    show?: boolean;
                    intensity?: number;
                    underlayerColor?: string;
                };
            };
            labels?: {
                fontSize?: number;
                name?: {
                    position?: "left" | "top" | "top-left" | "top-center" | "top-right" | "right";
                    width?: string;
                    color?: string;
                    bold?: boolean;
                };
                value?: {
                    show?: boolean;
                    bold?: boolean;
                };
            };
            title?: {
                backgroundColor?: string;
                bold?: boolean;
                color?: string;
                fontSize?: number;
                margin?: string;
                text?: string;
                textAlign?: import('vue-data-ui').TextAlign;
                subtitle?: {
                    bold?: boolean;
                    color?: string;
                    fontSize?: number;
                    text?: string;
                };
            };
            gap?: number;
        }>;
    };
}>> & Readonly<{
    onSelect?: ((value: import('./MiniBar.type').MiniBarEmitsOptions) => any) | undefined;
}>, {
    showTitle: boolean;
    titleColor: string;
    titleFontSize: number;
    subtitleColor: string;
    backgroundColor: string;
    showLabelsValue: boolean;
    percentage: boolean;
    showAnimation: boolean;
    independant: boolean;
    gutterBackgroundColor: string;
    labelPosition: "top-left" | "top-right" | "left" | "top" | "top-center" | "right";
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default MiniBar;