import { default as React } from 'react';

export type ModalSize = 'sm' | 'md' | 'lg';
export interface ModalProps {
    isOpen: boolean;
    onClose: () => void;
    /** ID of the heading element inside children — wires up aria-labelledby on the dialog */
    labelledBy?: string;
    /** Show the dismiss (×) button. Default: true */
    dismissable?: boolean;
    /** Desktop max-width preset — sm: 480px, md: 600px, lg: 800px. Default: 'sm' */
    size?: ModalSize;
    /** Fill the viewport edge-to-edge on mobile. Default: false */
    fullScreenMobile?: boolean;
    /** Remove the default dialog padding. Default: false */
    noPadding?: boolean;
    children?: React.ReactNode;
    className?: string;
    'data-testid'?: string;
}
export declare function Modal({ isOpen, onClose, labelledBy, dismissable, size, fullScreenMobile, noPadding, children, className, 'data-testid': dataTestId, }: ModalProps): React.ReactPortal | null;
//# sourceMappingURL=Modal.d.ts.map