import type { HTMLAttributes } from 'react';
import type { Styles } from '@cleartrip/ct-design-types';
import type { TransitionProps } from '@cleartrip/ct-design-transition';
import { ModalVariant } from '../constants';

export interface BackdropStyleConfigProps {
  root?: Styles[];
}

export type BackdropProps = HTMLAttributes<HTMLDivElement> & {
  open?: boolean;
  transitionDuration?: TransitionProps['timeout'];
  blur?: boolean;
  /** Dark variant needs a different backdrop treatment (no blur filter). */
  variant?: `${ModalVariant}`;
  styleConfig?: BackdropStyleConfigProps;
};