import { Props as RModalProps } from "react-modal";

export type Size = "xl" | "lg" | "md" | "sm" | "xs";
export type Shape = "rounded" | "default";
export type Animation = "popper" | "bottomSheet";

type OwnProps = {
  size?: Size;
  shape?: Shape;
  title?: string;
  bodyClassName?: string | null | undefined;
  closeWrapperClassName?: string | null | undefined;
  closeButtonClassName?: string | null | undefined;
  bodyStyle?: React.CSSProperties;
  centered?: boolean;
  hideScrollOnIsOpenFalse?: boolean;
  parentSelector?: string;
  animation?: Animation;
  hideCloseButton?: boolean;
  ["data-testid"]?: string;
  ["data-cy"]?: string;
};

export type ModalProps = OwnProps & RModalProps;