import { ComponentProps, ForwardedRef, RefObject } from "react";
/**
 * A visual indicator that shows how much of a task is complete.
 * It displays a bar that fills up from 0 to 100 percent.
 */
export default function ProgressBar({ progress, indicatorRef, bodyRef, ...props }: {
    indicatorRef?: ForwardedRef<HTMLSpanElement>;
    bodyRef?: RefObject<HTMLDivElement>;
    /**
     * Given in percent
     */
    progress: number;
} & ({
    /**
     * Given as css font size
     */
    size: number | string;
    mode?: "gauge" | "guide";
} | {
    /**
     * Given as pixels
     */
    size: number;
    mode?: "sections";
    /** The number of sections to split */
    sections: number;
})): import("react/jsx-runtime").JSX.Element;
export declare function BalancedProgressBar({ min, max, current, size, ...props }: {
    min: number;
    max: number;
    current: number;
} & Omit<ComponentProps<typeof ProgressBar>, "progress">): import("react/jsx-runtime").JSX.Element;
