import React from 'react';
import { Props } from './Modal.types';
declare const components: {
    Backdrop: 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, import("./Modal.types").BackdropProps, never>;
    Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
    Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
        $flexTitle?: boolean | undefined;
    }, never>;
};
export declare const Modal: React.FC<Props> & {
    /**
     * This will allow you to customize
     * inner parts with styled-components
     * @example
     * const CustomModal = styled(Modal)`
     *  ${Modal.components.Footer} {
     *    background-color: pink;
     * }
     * `
     * */
    components: typeof components;
};
export {};
