import { TextAlign, VueUiSparkStackbarConfig, VueUiSparkStackbarDatasetItem } from 'vue-data-ui';

export interface MiniStackBarConfig extends VueUiSparkStackbarConfig {
}
export interface MiniStackBarDatasetItem extends VueUiSparkStackbarDatasetItem {
}
export type MiniStackBarStyle = MiniStackBarConfig['style'];
export interface MiniStackBarProps {
    showAnimation?: boolean;
    backgroundColor?: string;
    showTitle?: boolean;
    title?: string;
    titleFontSize?: number;
    titleColor?: string;
    titleTextAlign?: TextAlign;
    showSubtitle?: boolean;
    subtitle?: string;
    subtitleFontSize?: number;
    subtitleColor?: string;
    subtitleTextAlign?: TextAlign;
    useGradient?: boolean;
    showPercentage?: boolean;
    showLegend?: boolean;
    showLegendValue?: boolean;
    legendTextAlign?: TextAlign;
    legendFontSize?: number;
    legendColor?: string;
    percentageColor?: string;
    legendPrefix?: string;
    legendSuffix?: string;
    dataset: MiniStackBarDatasetItem[];
    configStyle?: MiniStackBarStyle;
}
export interface MiniStackBarEmitsOptions {
    datapoint: MiniStackBarDatasetItem;
    index: number;
}
export interface MiniStackBarEmits {
    (e: 'select', value: MiniStackBarEmitsOptions): void;
}