import { ReactElement } from "react";
export declare enum Colors {
    PRIMARY = "primary",
    SECONDARY = "secondary",
    SUCCESS = "success",
    WARNING = "warning",
    ERROR = "error"
}
export declare enum ValuePositions {
    TOP = "top",
    RIGHT = "right",
    BOTTOM = "bottom",
    INLINE = "inline"
}
export type ColorType = `${Colors}`;
export type valuePositionType = `${ValuePositions}`;
export interface Props {
    /**
     * Controls the colors of Progress
     * Only For linear progress
     * @default primary
     */
    color?: ColorType;
    /**
     * 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?: valuePositionType;
    /**
     * 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;
}
export declare const Progress: ({ color, variant, size, value, valuePosition, showPercentage, striped, animate }: Props) => ReactElement | null;
