import React, { ReactNode } from 'react'; import './modal.scss'; interface ModalProps { isOpen: boolean; onClose: () => void; /*** label value for aria-label */ contentLabel?: string; /*** default header will be provided with title and close icon. */ defaultHeader?: boolean; /*** Title to be displayed in the header when defaultHeader is true*/ headerTitle?: string; /*** Optional content to be displayed on the right side of the header when defaultHeader is true */ headerRightContent?: ReactNode; /*** Custom styles for the overlay and content */ style?: { overlay?: React.CSSProperties; content?: React.CSSProperties; }; /*** Custom class names for the modal content */ contentClassName?: string; /*** Custom class name for the overlay */ overlayClassName?: string; /*** Whether the modal should close when the 'Escape' key is pressed */ shouldCloseOnEsc?: boolean; /*** Whether to hide the app from screen readers when the modal is open */ ariaHideApp?: boolean; /*** Whether the modal should close when clicking outside of it (on the overlay) */ shouldCloseOnOverlayClick?: boolean; /***Content to be displayed inside the modal */ children: ReactNode; } declare const Modal: React.FC; export default Modal;