import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types'; interface ModalHeaderBaseProps extends NativeElementPropsWithoutKeyAndRef<'div'> { /** * Whether to show status type icon. * @default false */ showStatusTypeIcon?: boolean; /** * Supporting text displayed below the title. */ supportingText?: string; /** * The title text of the modal header. */ title: string; } interface ModalHeaderHorizontalIconProps extends ModalHeaderBaseProps { /** * Layout of the status type icon relative to title. * - 'horizontal': Icon to the left of title */ statusTypeIconLayout: 'horizontal'; /** * Alignment of the supporting text. * Only 'left' is allowed when statusTypeIconLayout is 'horizontal'. * @default 'left' */ supportingTextAlign?: 'left'; /** * Alignment of the title. * Only 'left' is allowed when statusTypeIconLayout is 'horizontal'. * @default 'left' */ titleAlign?: 'left'; } interface ModalHeaderVerticalLeftTitleProps extends ModalHeaderBaseProps { /** * Layout of the status type icon relative to title. * - 'vertical': Icon above title * @default 'vertical' */ statusTypeIconLayout?: 'vertical'; /** * Alignment of the supporting text. * Only 'left' is allowed when titleAlign is 'left'. * @default 'left' */ supportingTextAlign?: 'left'; /** * Alignment of the title. * @default 'left' */ titleAlign?: 'left'; } interface ModalHeaderVerticalCenterTitleProps extends ModalHeaderBaseProps { /** * Layout of the status type icon relative to title. * - 'vertical': Icon above title * @default 'vertical' */ statusTypeIconLayout?: 'vertical'; /** * Alignment of the supporting text. * @default 'left' */ supportingTextAlign?: 'left' | 'center'; /** * Alignment of the title. */ titleAlign: 'center'; } export type ModalHeaderProps = ModalHeaderHorizontalIconProps | ModalHeaderVerticalCenterTitleProps | ModalHeaderVerticalLeftTitleProps; /** * The React component for `mezzanine` modal header. */ declare const ModalHeader: import("react").ForwardRefExoticComponent>; export default ModalHeader;