/// <reference types="react" />
export declare const Backdrop: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    sm?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    md?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    lg?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    xl?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
} & import("../../Atoms/Flexbox/Flexbox.types").ItemProps & import("../../Atoms/Flexbox/Flexbox.types").ContainerProps & {
    className?: string | undefined;
} & {
    children?: import("react").ReactNode;
    as?: any;
} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
export declare const StyledBottomSheet: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    sm?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    md?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    lg?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    xl?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
} & import("../../Atoms/Flexbox/Flexbox.types").ItemProps & import("../../Atoms/Flexbox/Flexbox.types").ContainerProps & {
    className?: string | undefined;
} & {
    children?: import("react").ReactNode;
    as?: any;
} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
    fullScreenMobile?: boolean | undefined;
}, never>;
