import React from 'react';
import { CommonType } from '../common/type';
import type { SemanticClassNames, SemanticStyles } from '../common/use-semantic';
/**
 * Progress Semantic DOM key 列表
 * - root:      最外层容器
 * - track:     背景轨道
 * - indicator: 进度前景条
 * - content:   文字 / children 区域
 * - icon:      状态图标区域
 *
 * @see /docs/rfc/0001-semantic-dom.md
 */
export type ProgressSemanticKey = 'root' | 'track' | 'indicator' | 'content' | 'icon';
/**
 * 传入函数式 `classNames` 时的状态快照。
 *
 * @version 3.10.0
 */
export interface ProgressClassNamesInfo {
    /**
     * @cn 当前百分比（0-100）
     * @en Current percentage (0-100)
     */
    value: number;
    /**
     * @cn 内置配色类型
     * @en Built-in color type
     */
    type: 'success' | 'info' | 'warning' | 'danger';
    /**
     * @cn 进度条形态
     * @en Progress shape variant
     */
    shape: 'line' | 'circle' | 'line-pop' | 'line-inner';
}
export interface ProgressClasses {
    rootClass: string;
    wrapper: string;
    wrapperSuccess: string;
    wrapperInfo: string;
    wrapperWarning: string;
    wrapperDanger: string;
    line: string;
    linePop: string;
    lineInner: string;
    content: string;
    lineBg: string;
    lineFront: string;
    lineSuccess: string;
    lineDefault: string;
    lineInnerRight: string;
    linePopWrapper: string;
    linePopValue: string;
    linePopArrow: string;
    icon: string;
    circle: string;
    circleBg: string;
    circleFront: string;
    circleSuccess: string;
    noAnimation: string;
}
export interface ColorStep {
    form?: string;
    to?: string;
    [key: string]: string | undefined;
}
/**
 *  @title Progress
 */
export interface ProgressProps extends Pick<CommonType, 'className' | 'style'> {
    jssStyle?: {
        progress: () => ProgressClasses;
    };
    /**
     * @en Semantic DOM classNames for internal nodes (root / track / indicator / content / icon).
     *     Accepts static strings or functions that receive a state snapshot.
     * @cn Semantic DOM 类名，可按 key 定制内部各节点（root / track / indicator / content / icon）。
     *     支持静态字符串或函数（接收状态快照）。
     * @version 3.10.0
     */
    classNames?: SemanticClassNames<ProgressSemanticKey, ProgressClassNamesInfo>;
    /**
     * @en Semantic DOM inline styles for internal nodes (root / track / indicator / content / icon).
     * @cn Semantic DOM 内联样式，按 key 定制内部各节点。
     * @version 3.10.0
     */
    styles?: SemanticStyles<ProgressSemanticKey>;
    /**
     * @en popup to show children
     * @cn 是否通过弹出框展示children
     * @deprecated 使用 shape = 'line-pop' 来实现
     */
    popup?: boolean;
    /**
     * @en Background color
     * @cn 背景色
     * @default '#e9ecef'
     */
    background?: string;
    /**
     * @en Content
     * @cn 附加内容
     */
    children?: string | React.ReactNode;
    /**
     * @en The foreground color can be set to the object to become a gradient
     * @cn 前景色, 可以设置为对象变成渐变.
     * @default primary
     */
    color?: string | ColorStep;
    /**
     * @en Options
     * @cn 样式
     * @default 'line'
     */
    shape?: 'line' | 'circle' | 'line-pop' | 'line-inner';
    /**
     * @en The width and height of 'circle' shape
     * @cn 进度条大小，仅对 circle 有效
     * @default 100
     */
    size?: number;
    /**
     * @en The width of the stroke
     * @cn 线框宽度
     * @default 8
     */
    strokeWidth?: number;
    /**
     * @en Container element style
     * @cn 最外层扩展样式
     */
    style?: React.CSSProperties;
    /**
     * @en Built-in color
     * @cn 内置配色
     */
    type?: 'success' | 'info' | 'warning' | 'danger';
    /**
     * @en Percentage, 0 <= value <= 100
     * @cn 百分比值，0 <= value <= 100
     * @default 0
     */
    value?: number;
    /**
     * @en The shape to be used at the end of open subpaths when they are stroked
     * @cn 进度条两端的描边形状
     */
    strokeLinecap?: React.SVGAttributes<any>['strokeLinecap'];
    /**
     * @cn 是否显示图标
     * @en Whether to show the icon
     * @default false
     */
    icon?: boolean;
    /**
     * @cn 图标大小
     * @en Icon size
     */
    iconSize?: number;
    /**
     * @cn 成功进度配置，在主进度上层显示成功部分的进度
     * @en Success progress configuration, display success part on top of main progress
     * @version 3.9.7
     */
    success?: {
        value: number;
        color?: string | ColorStep;
    };
    /**
     * @cn 是否开启进度条动画效果
     * @en Whether to enable progress bar animation effects
     * @default true
     * @version 3.9.8
     */
    animation?: boolean;
}
//# sourceMappingURL=progress.type.d.ts.map