/// <reference types="react" />
export declare const StyledBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    as?: any;
    backgroundColor?: "inherit" | import("../Slider/Slider.types").ColorFn | undefined;
    className?: string | undefined;
    children?: import("react").ReactNode;
} & import("../../Atoms/Box/Box.types").Paddings & {
    mt?: string | number | undefined;
    mb?: string | number | undefined;
    ml?: string | number | undefined;
    mr?: string | number | undefined;
    mx?: string | number | undefined;
    my?: string | number | undefined;
    m?: string | number | undefined;
} & {
    sm?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    md?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    xl?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    lg?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
    $isMobile?: boolean | undefined;
    $borderBottomMobile?: boolean | undefined;
}, never>;
export declare const CompletionBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    completion: number;
    noButtons: boolean;
}, never>;
export declare const StyledButton: import("styled-components").StyledComponent<import("../Button/components/IconButton/IconButton.types").IconButtonComponent, import("styled-components").DefaultTheme, {
    $visible?: boolean | undefined;
    $hide: boolean;
    $isMobile?: boolean | undefined;
}, never>;
export declare const StyledButtonPill: import("styled-components").StyledComponent<import("../Button/components/PillButton/PillButton.types").PillButtonComponent, import("styled-components").DefaultTheme, {}, never>;
