import { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from './Modal.types';
/**
 * Modal component - Accessible modal dialog using Headless UI
 *
 * @example
 * ```tsx
 * <Modal isOpen={isOpen} onClose={handleClose} title="Confirm Action">
 *   <Modal.Body>
 *     Are you sure you want to proceed?
 *   </Modal.Body>
 *   <Modal.Footer>
 *     <Button variant="secondary" onClick={handleClose}>Cancel</Button>
 *     <Button variant="primary" onClick={handleConfirm}>Confirm</Button>
 *   </Modal.Footer>
 * </Modal>
 * ```
 */
export declare function Modal({ isOpen, onClose, title, titleFontSize, children, size, closeOnBackdropClick, closeOnEsc, showCloseButton, footer, className, portalContainer, 'data-testid': testId, dataTestId, dataId, transparent, zIndex, initialFocusRef, onMount, 'aria-label': ariaLabel, }: ModalProps): import("react/jsx-runtime").JSX.Element;
export declare namespace Modal {
    var Header: typeof ModalHeader;
    var Body: typeof ModalBody;
    var Footer: typeof ModalFooter;
    var displayName: string;
}
/**
 * ModalHeader - Compound component for custom modal header
 */
export declare function ModalHeader({ children, className }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
export declare namespace ModalHeader {
    var displayName: string;
}
/**
 * ModalBody - Compound component for modal body content
 */
export declare function ModalBody({ children, className }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;
export declare namespace ModalBody {
    var displayName: string;
}
/**
 * ModalFooter - Compound component for modal footer actions
 */
export declare function ModalFooter({ children, className }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
export declare namespace ModalFooter {
    var displayName: string;
}
export default Modal;
//# sourceMappingURL=Modal.d.ts.map