import { BreakpointSupport } from '../../../helpers';
import { FeedbackTextProps } from '../../form/feedback-text/feedback-text';
export type ProgressBarLabelPosition = 'top' | 'horizontal';
export type ProgressBarValuePosition = 'horizontal' | 'bottom';
type ProgressBarBreakpointProps = {
    /**
     * Use the 4px bar height instead of the 8px default.
     * @default false
     */
    small?: boolean;
    /**
     * Label placement. Ignored without `label`.
     * @default top
     */
    labelPosition?: ProgressBarLabelPosition;
    /**
     * Show the percentage value.
     * @default true
     */
    showValue?: boolean;
    /**
     * Where the percentage sits relative to the bar / hint row.
     * @default horizontal
     */
    valuePosition?: ProgressBarValuePosition;
    /**
     * Override the rendered value text (e.g. `"1 / 5"`) without affecting the fill.
     */
    valueLabel?: string;
    /**
     * Hint or error text rendered below the bar via `FeedbackText`.
     */
    helper?: FeedbackTextProps;
    /** Class on the root wrapper. */
    className?: string;
};
export interface ProgressBarProps extends BreakpointSupport<ProgressBarBreakpointProps> {
    /**
     * Id forwarded to the bar element so external `<label htmlFor>` can target it.
     */
    id?: string;
    /**
     * Progress value, clamped to `0..100`. `NaN` is treated as `0`.
     * @default 0
     */
    value?: number;
    /**
     * Label rendered above or inline with the bar.
     */
    label?: string;
    /**
     * Renders a required indicator on the label. Ignored without `label`.
     * @default false
     */
    required?: boolean;
    /**
     * Accessible name. Falls back to `label`.
     */
    ariaLabel?: string;
}
export declare const ProgressBar: {
    (props: ProgressBarProps): JSX.Element;
    displayName: string;
};
export default ProgressBar;