import type { Styles } from '@cleartrip/ct-design-types';
import { ModalProps } from '../type';

export interface ModalWithCloseOverlayProps extends ModalProps {
  /**
   * Show the back icon (left side) instead of the close icon.
   * @default false
   */
  isBack?: boolean;

  /**
   * Centers the close/back button horizontally above (or below) the modal.
   */
  isCenter?: boolean;

  /**
   * Position the close/back button above the modal (`true`) or below it (`false`).
   * @default true
   */
  isTop?: boolean;

  /**
   * Callback fired when the close/back button is pressed.
   */
  onClose?: (event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;

  /**
   * Style overrides for the wrapper holding the close button.
   */
  wrapperStyles?: Styles[];

  /**
   * Style overrides for the outer container that positions the modal content.
   */
  styleConfig?: {
    root?: Styles[];
    wrapper?: Styles[];
    closeButton?: Styles[];
    modalContentStyles?: Styles[];
  };
}