import { ProgressStatus, ProgressType } from '@mezzanine-ui/core/progress'; import { IconDefinition } from '@mezzanine-ui/icons'; import { TypographyProps } from '../Typography'; import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types'; export interface ProgressProps extends Omit, 'title' | 'children'> { /** * Custom icons for different statuses. * If not provided, defaults to CheckedFilledIcon for success and DangerousFilledIcon for error. */ icons?: { /** * Custom icon when status is 'error'. * If not provided, defaults to DangerousFilledIcon. */ error?: IconDefinition; /** * Custom icon when status is 'success'. * If not provided, defaults to CheckedFilledIcon. */ success?: IconDefinition; }; /** * The progress percent(0~100). * @default 0 */ percent?: number; /** * Percent text props when status is 'enabled'. */ percentProps?: Omit; /** * Force mark the progress status. automatically set if not defined. * (enabled(0~99) or success(100) depending on percent) */ status?: ProgressStatus; /** * The tick of progress. * @default 0 */ tick?: number; /** * The type of progress display. * @default 'progress' */ type?: ProgressType; } /** * 進度條元件,支援百分比文字與狀態圖示兩種顯示類型。 * * `percent` 介於 0~100,未達 100 時狀態自動為 `enabled`,達到 100 時自動切換為 `success`。 * 可強制指定 `status` 為 `error` 以顯示錯誤圖示;使用 `tick` prop 可在進度條上標記特定位置。 * 支援 `icons` prop 自訂 success 與 error 狀態的圖示。 * * @example * ```tsx * import Progress from '@mezzanine-ui/react/Progress'; * * // 基本進度條 * * * // 顯示百分比文字 * * * // 錯誤狀態 * * * // 帶有 tick 標記點 * * ``` * * @see {@link Spin} 載入旋轉元件 */ declare const Progress: import("react").ForwardRefExoticComponent>; export default Progress;