import { default as React } from 'react';
import { ProgressBarStatus } from './progress-logic';
export type { ProgressBarStatus };
interface BaseProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Discriminator: omit for the pure atom API. */
    variant?: undefined;
    /** Current progress value */
    value: number;
    /** Maximum value. @default 100 */
    max?: number;
    /** Controls the fill color. @default 'default' (brand) */
    status?: ProgressBarStatus;
    /** Left-side text above the bar */
    label?: React.ReactNode;
    /** Right-side text above the bar (e.g. "8 / 10 items") */
    detail?: React.ReactNode;
}
/**
 * @deprecated Use the base API with `useDateProgress` instead:
 * ```tsx
 * const progress = useDateProgress({ startDate, endDate })
 * <ProgressBar {...progress} />
 * ```
 * Will be removed in the next major version.
 */
interface DateProgressProps extends React.HTMLAttributes<HTMLDivElement> {
    variant: "date";
    startDate: string | Date;
    endDate: string | Date;
    label?: string;
}
/**
 * @deprecated Use the base API with `useQuantityProgress` instead:
 * ```tsx
 * const progress = useQuantityProgress({ current, total })
 * <ProgressBar {...progress} />
 * ```
 * Will be removed in the next major version.
 */
interface QuantityProgressProps extends React.HTMLAttributes<HTMLDivElement> {
    variant: "quantity";
    current: number;
    total: number;
    unit?: string;
    label?: string;
}
export type ProgressBarProps = BaseProgressBarProps | DateProgressProps | QuantityProgressProps;
declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
export default ProgressBar;