import React, { FC } from 'react'; import { ModalWindow, ModalWindowProps, ModalHeader, ModalHeaderProps, ModalFooter, ModalFooterProps, ModalContent, ModalSizes } from './components'; import { UseFocusTrapProps } from '../../hooks'; export interface ModalProps extends ModalHeaderProps, ModalWindowProps { /** Adds one or more classnames for an element */ className?: string; /** Modal Footer Content */ footer?: React.ReactElement; /** Footer Alignment */ footerAlign?: ModalFooterProps['align']; /** Set visibility of the Modal */ open?: boolean; /** Render in a React Portal */ portal?: boolean; /** Allows the Modal to fit within the browser window */ scrollable?: boolean; /** Controls the width of the Modal */ size?: ModalSizes; /** Options passed into useFocusTrap */ focusTrapOptions?: UseFocusTrapProps; /** Adds classnames to Modal's content wrapper */ contentClassName?: string; } export interface Modal extends FC { /** Subcomponents */ Window: typeof ModalWindow; Header: typeof ModalHeader; Content: typeof ModalContent; Footer: typeof ModalFooter; Sizes: typeof ModalSizes; } export declare const Modal: Modal;