import React from 'react'; declare type ProgressBarAttributes = React.ComponentPropsWithoutRef<'div'>; export interface ProgressBarProps extends Omit { /** * Set the background color of the ProgressBar. */ backgroundColor?: string; /** * Set the color of the bar. You can choose between these predefined values: `green`, `orange`, `red`, or any user defined color format. */ color?: string; /** * Set the bottom indicator fo the ProgressBar, without any additional settings, it will separate each indicator evenly. * You can also customize each individual indicator by passing an *object*. */ indicator?: (string | number | IndicatorObject | React.ReactNode)[]; /** * **Deprecated, use `size` instead.** Set the size of the ProgressBar to large. */ large?: boolean; /** * Set the margin of the ProgressBar. */ margin?: string; /** * Set the padding of the ProgressBar. */ padding?: string; /** * **Deprecated, use `value` instead.** Set the current progress of the ProgressBar in percentage. */ progress?: number; /** * Set the side indicator on the right side of the ProgressBar. */ sideIndicator?: string | number | React.ReactNode; /** * Set the size of the ProgressBar. You can choose between these predefined values: `large`, `medium`, `small`, or any user defined size. */ size?: string; /** * Set the current progress of the ProgressBar in percentage. */ value?: number; /** * Callback whenever the ProgressBar value changed. */ onChange?: (currentValue: number, previousValue: number) => void; } export interface IndicatorObject { content?: string | number | React.ReactNode; pointer?: boolean; pointerOpacity?: number; position?: number; } export {};