import React from 'react';
import { BackdropProps, Props } from './Modal.types';
export declare const FixedDrop: import("styled-components").StyledComponent<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?: React.ReactNode;
    as?: any;
} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
export declare const Backdrop: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, BackdropProps, never>;
export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    $flexTitle?: boolean | undefined;
}, never>;
export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const StyledProgressIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const StyledBoxTitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
    as?: any;
    backgroundColor?: "inherit" | import("../../common/Types").ColorFn | undefined;
    className?: string | undefined;
    children?: 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;
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
export declare const ModalInner: React.FC<Props>;
