import React from "react";
import sizes from "./ProgressBarSizes.module.css";
interface ProgressBarProps {
    /**
     * The current step that the progress bar is on.
     */
    readonly currentStep: number;
    /**
     * The total steps to use. For percentages you can set this to 100.
     */
    readonly totalSteps: number;
    /**
     * Set the size of the progress bar
     * @default base
     */
    readonly size?: keyof typeof sizes;
    /**
     * Set the variation of the progress bar
     * @default progress
     */
    readonly variation?: "progress" | "stepped";
    /** **Use at your own risk:** Custom class names for specific elements. This should only be used as a
     * **last resort**. Using this may result in unexpected side effects.
     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
     */
    readonly UNSAFE_className?: string;
    /** **Use at your own risk:** Custom style for specific elements. This should only be used as a
     * **last resort**. Using this may result in unexpected side effects.
     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
     */
    readonly UNSAFE_style?: React.CSSProperties;
}
export declare function ProgressBar({ currentStep, totalSteps, size, variation, UNSAFE_className, UNSAFE_style, }: ProgressBarProps): React.JSX.Element;
export {};