import React from "react";
import { PartialColorProps } from "../theme";
export type ProgressBarLabel = (props: Readonly<{
    value: number;
    max: number;
    rate: number;
    percent: number;
    children?: never;
}>) => React.JSX.Element;
export interface ProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, PartialColorProps {
    /**
     * 進捗度合いを表します。0以上の自然数のみ有効です。
     * また内部的にはこの値を最大値+1で割った剰余が用いられます。
     *
     * @default 0
     */
    value?: number;
    /**
     * 進捗度の最大値を表します。0以上の自然数のみ有効です。
     *
     * @default 0
     */
    max?: number;
    /**
     * ラベルを付与します。
     */
    label?: ProgressBarLabel;
    children?: React.ReactNode;
}
export declare const ProgressBar: ({ children, color, value, max, className, label, ...props }: ProgressBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;