import * as React from "react";
export declare enum EColors {
    PRIMARY = "primary",
    SECONDARY = "secondary",
    SUCCESS = "success",
    WARNING = "warning",
    ERROR = "error"
}
export declare enum EValuePositions {
    TOP = "top",
    RIGHT = "right",
    BOTTOM = "bottom",
    INLINE = "inline"
}
export type TColorType = `${EColors}`;
export type TValuePositionType = `${EValuePositions}`;
/**
 * Progress component for displaying progress bars in linear or circular variants.
 */
export interface IProgressProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Controls the colors of Progress
     * Only For linear progress
     * @default primary
     */
    color?: TColorType;
    /**
     * Variant of the Progress
     * @default linear
     */
    variant?: "linear" | "circular";
    /**
     * Use the prop to change the size of the Circular Progress
     * @default "md"
     */
    size?: "md" | "lg";
    /**
     * Value is used to display the percentage of the progress
     * @default 0
     * @range 0 to 100
     */
    value: number;
    /**
     * Prop controlling the position of the value of the Progress
     * @default inline
     */
    valuePosition?: TValuePositionType;
    /**
     * Set to true to display the percentage of progress.
     * @default false
     */
    showPercentage?: boolean;
    /**
     * Prop to set striped background
     * @default false
     */
    striped?: boolean;
    /**
     * Prop to set animated background, use in conjunction with striped property
     * @default false
     */
    animate?: boolean;
}
/**
 * Progress component for displaying progress bars in linear or circular variants.
 */
export declare const Progress: React.ForwardRefExoticComponent<IProgressProps & React.RefAttributes<HTMLDivElement>>;
