import { HeadingProps } from '../../Heading/Heading.types.cjs';
import * as csstype from 'csstype';
import * as _emotion_react from '@emotion/react';
import * as react from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { VisualModalProps } from './VisualModal.types.cjs';
import '../../types.cjs';
import '../Modal.types.cjs';

declare const VisualModalNamespace: (({ closeOnEsc, setClose, isOpen, closeOnBackdrop, children, width, }: VisualModalProps) => react_jsx_runtime.JSX.Element | null) & {
    /**
     * Clay가 wrapper이기 때문에, height, width 다양한 커스텀이 가능합니다.
     */
    Visual: react.ForwardRefExoticComponent<{
        as?: react.ElementType | undefined;
        native?: ({
            [x: `data-${string}`]: string | boolean | undefined;
        } & Omit<any, "ref">) | undefined;
    } & {
        className?: string | undefined;
        sx?: _emotion_react.CSSObject | undefined;
    } & {
        _hover?: _emotion_react.CSSObject | undefined;
        _active?: _emotion_react.CSSObject | undefined;
        _focus?: _emotion_react.CSSObject | undefined;
        _after?: _emotion_react.CSSObject | undefined;
        _before?: _emotion_react.CSSObject | undefined;
        size?: csstype.Property.Width<string | number> | undefined;
        shape?: "circle" | "rectangle" | undefined;
    } & react.CSSProperties & {
        children?: react.ReactNode;
    } & react.RefAttributes<HTMLElement>>;
    Header: (props: Omit<HeadingProps, "align" | "children" | "size">) => react_jsx_runtime.JSX.Element;
    Body: react.ForwardRefExoticComponent<{
        children?: react.ReactNode;
    } & react.RefAttributes<HTMLDivElement>>;
    Footer: react.ForwardRefExoticComponent<{
        children?: react.ReactNode;
    } & react.RefAttributes<HTMLDivElement>>;
};

export { VisualModalNamespace as VisualModal };