/// <reference types="react" />
export declare const getEffectiveProgressBarWidth: (numberOfCheckpoints: number) => number;
export declare const getEffectiveIconFontSize: (numberOfCheckpoints: number) => 22 | 17;
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
export declare const CheckpointContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $isDummy?: boolean | undefined;
}>> & string;
export declare const ProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $isCompleted?: boolean | undefined;
    $percent: number;
    $themeColor?: string | undefined;
    $ctaButtonBackgroundColor?: string | undefined;
    $numberOfCheckpoints: number;
    $isFirstCheckpoint?: boolean | undefined;
}>> & string;
export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $isCompleted?: boolean | undefined;
    $ctaButtonBackgroundColor?: string | undefined;
    $ctaButtonTextColor?: string | undefined;
    $textColor?: string | undefined;
    $primaryTextColor?: string | undefined;
}>> & string;
export declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $visible: boolean;
    $ctaButtonBackgroundColor?: string | undefined;
    $ctaButtonTextColor?: string | undefined;
}>> & string;
export declare const MultiTierNextRewardWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
    $ctaButtonTextColor?: string | undefined;
    $ctaButtonBackgroundColor?: string | undefined;
}>> & string;
export declare const ColoredText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
    $ctaButtonBackgroundColor?: string | undefined;
}>> & string;
export declare const ProgressBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $showMOVForProgressTiers: boolean;
    $rightMarginOffsetPx?: number | undefined;
}>> & string;
export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $tagWrapOffsetPx?: number | undefined;
}>> & string;
export declare const CheckpointWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $numberOfCheckpoints: number;
}>> & string;
export declare const CheckpointInnerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;