// @flow
import type { Node } from 'react';
import type { SpaceProps } from '../../../mixins/spacing';
import type { TranslatedContent } from '../../../types';

export type ModalBreakpoints = 'sm' | 'md' | 'lg' | 'xl';

export type ModalProps = {|
  show: boolean,
  persistent?: boolean,
  onClose: () => void,
  size?: ModalBreakpoints,
  children: Node,
  className?: string,
  headerText?: TranslatedContent,
  hideHeader?: boolean,
  refToRestoreFocus?: { current: HTMLElement | null },
  ...SpaceProps,
|};
