import React from 'react';
import { type FocusTrapBaseProps } from '../FocusTrap';
import type { ModalBaseProps } from './Modal';
import type { ModalHeaderBaseProps } from './ModalHeader';
export type FullscreenModalBaseProps = Pick<
  ModalBaseProps,
  | 'visible'
  | 'onRequestClose'
  | 'disablePortal'
  | 'accessibilityLabel'
  | 'accessibilityLabelledBy'
  | 'testID'
  | 'zIndex'
  | 'role'
  | 'onDidClose'
  | 'shouldCloseOnEscPress'
  | 'disableFocusTrap'
  | 'focusTabIndexElements'
  | 'restoreFocusOnUnmount'
> &
  Pick<ModalHeaderBaseProps, 'closeAccessibilityLabel'> &
  Pick<FocusTrapBaseProps, 'disableFocusTrap' | 'focusTabIndexElements'> & {
    /**
     * The logo to display
     */
    logo?: React.ReactElement;
    /**
     * Title displayed in the Fullscreen Modal header.
     */
    title?: string;
    /**
     * Primary content element. Primary content is where the core of the task or information should live.
     */
    primaryContent: React.ReactElement;
    /**
     * Hide header bottom divider
     */
    hideDivider?: boolean;
    /**
     * Show divider between primary and secondary content
     */
    showSecondaryContentDivider?: boolean;
  };
export type FullscreenModalProps = FullscreenModalBaseProps & {
  /**
   * Class applied to the primary content element
   */
  primaryContentClassName?: string;
  /**
   * Secondary content element. Secondary content is supplemental information.
   */
  secondaryContent?: React.ReactElement;
  /**
   * Class applied to the secondary content element
   */
  secondaryContentClassName?: string;
  /**
   * Class applied to the content container element
   */
  contentContainerClassName?: string;
  /** Apply styles to content. */
  contentStyle?: React.CSSProperties;
};
export declare const FullscreenModal: React.MemoExoticComponent<
  (_props: FullscreenModalProps) => import('react/jsx-runtime').JSX.Element
>;
//# sourceMappingURL=FullscreenModal.d.ts.map