import React from 'react';
export type ProgressType = 'line' | 'circle' | 'dashboard';
export type ProgressStatus = 'primary' | 'success' | 'warning' | 'danger' | 'active';
export interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Progress value 0-100 */
    value?: number;
    /** 🆕 NEW: Progress type - line, circle, or dashboard */
    type?: ProgressType;
    /** Color variant */
    variant?: ProgressStatus;
    /** Size for line type */
    size?: 'sm' | 'md' | 'lg';
    /** 🆕 NEW: Width/diameter for circle/dashboard (default: 120) */
    width?: number;
    /** 🆕 NEW: Stroke width for circle/dashboard */
    strokeWidth?: number;
    /** 🆕 NEW: Trail (background) color */
    trailColor?: string;
    /** 🆕 NEW: Stroke color (overrides variant) */
    strokeColor?: string;
    /** 🆕 NEW: Custom format function for percentage */
    format?: (percent: number) => React.ReactNode;
    /** Enable animation */
    animated?: boolean;
    /** 🆕 NEW: Gap degree for dashboard type (0-295) */
    gapDegree?: number;
    /** 🆕 NEW: Gap position for dashboard */
    gapPosition?: 'top' | 'bottom' | 'left' | 'right';
    /** 🆕 NEW: Number of steps */
    steps?: number;
}
/**
 * ProgressBar component - Progress indicator with line, circle, and dashboard types.
 * Built with FT Design System tokens.
 *
 * Uses:
 * - Colors: var(--primary), var(--positive), var(--warning), var(--critical)
 * - Background: var(--border-primary)
 * - Typography: body-secondary variants
 */
export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
export declare const Progress: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=ProgressBar.d.ts.map