import React from "react"; import { type ProgressBarSize, type ProgressBarStyle } from "./ProgressBar.types"; import { type VibeComponentProps } from "../../../types"; export interface ProgressBarProps extends VibeComponentProps { /** * Determines the visual style of the progress bar. */ barStyle?: ProgressBarStyle; /** * The minimum value of the progress bar. */ min?: number; /** * The maximum value of the progress bar. */ max?: number; /** * The current progress value. */ value?: number; /** * The secondary progress value. */ valueSecondary?: number; /** * If true, enables animation effects. */ animated?: boolean; /** * The size of the progress bar. */ size?: ProgressBarSize; /** * If true, displays the progress percentage. */ indicateProgress?: boolean; /** * If true, enables multiple progress bars. * **Note:** `value`, `valueSecondary`, and `barStyle` will not be used. */ multi?: boolean; /** * An array of bar values and colors for multi-bar mode. */ multiValues?: { /** * The progress value for a bar. */ value?: number; /** * The bar color in hex format (`#000000` - `#ffffff`). */ color?: string; }[]; /** * The ARIA label for the progress bar. */ "aria-label"?: string; /** * If true, makes the progress bar span the full container width. */ fullWidth?: boolean; /** * If true, allows displaying percentage values higher than 100% when value exceeds max. */ allowExceedingMax?: boolean; } declare const ProgressBar: React.ForwardRefExoticComponent>; export default ProgressBar;