import * as react from 'react';
import { HeadingProps } from '../Heading/Heading.types.cjs';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { ModalProps, ModalContainerProps } from './Modal.types.cjs';
export { ModalAddonProps, ModalHeaderProps } from './Modal.types.cjs';
export { VisualModal } from './VisualModal/index.cjs';
import '../types.cjs';
import '@emotion/react';
import 'csstype';
import './VisualModal/VisualModal.types.cjs';

declare const ModalNamespace: (({ closeOnEsc, setClose, isOpen, closeOnBackdrop, children, width, fullHeight, }: ModalProps) => react_jsx_runtime.JSX.Element | null) & {
    Header: react.ForwardRefExoticComponent<{
        title?: string | undefined;
        type?: "leftAlign" | "centerAlign" | undefined;
        backButton?: boolean | undefined;
        closeButton?: boolean | undefined;
        onClickBackButton?: VoidFunction | undefined;
        onClickCloseButton?: VoidFunction | undefined;
    } & Partial<Pick<HeadingProps, "text" | "subtle">> & react.RefAttributes<HTMLDivElement>>;
    Body: react.ForwardRefExoticComponent<{
        children?: react.ReactNode;
    } & react.RefAttributes<HTMLDivElement>>;
    Footer: react.ForwardRefExoticComponent<{
        children?: react.ReactNode;
    } & react.RefAttributes<HTMLDivElement>>;
};

declare const ModalBody: react.ForwardRefExoticComponent<{
    children?: react.ReactNode;
} & react.RefAttributes<HTMLDivElement>>;

declare const ModalContainer: react.ForwardRefExoticComponent<ModalContainerProps & react.RefAttributes<HTMLDivElement>>;

declare const ModalFooter: react.ForwardRefExoticComponent<{
    children?: react.ReactNode;
} & react.RefAttributes<HTMLDivElement>>;

declare const ModalHeader: react.ForwardRefExoticComponent<{
    title?: string | undefined;
    type?: "leftAlign" | "centerAlign" | undefined;
    backButton?: boolean | undefined;
    closeButton?: boolean | undefined;
    onClickBackButton?: VoidFunction | undefined;
    onClickCloseButton?: VoidFunction | undefined;
} & Partial<Pick<HeadingProps, "text" | "subtle">> & react.RefAttributes<HTMLDivElement>>;

export { ModalNamespace as Modal, ModalBody, ModalContainer, ModalContainerProps, ModalFooter, ModalHeader, ModalProps };