import React from 'react';
import { Props } from './Modal.types';
declare const components: {
    Backdrop: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, 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 {};
