import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
import { ColorValue } from '../themeProvider/color.types.js';
export interface Progress {
    amount: number;
    label?: string;
    /** A `ThemeColor` or any CSS colour; its label is black or white, whichever reads. Default `--primary-color`. */
    color?: ColorValue;
    class?: string;
}
export type ProgressBarSlots = 'root' | 'fill' | 'label';
export interface ProgressBarProps extends HtmlProps {
    className?: string | undefined;
    total?: number;
    progress?: number | Progress | Progress[];
    style?: React.CSSProperties | undefined;
    /** Classes for the inner elements. See `ProgressBarSlots`. */
    classNames?: SlotClassNames<ProgressBarSlots>;
    /** Inline styles for the inner elements. See `ProgressBarSlots`. */
    styles?: SlotStyles<ProgressBarSlots>;
}