export interface ActionSheetProps {
  dataTestId?: string;
  animation?: boolean;
  animationDuration?: number;
  children?: React.ReactNode;
  className?: string;
  expand?: boolean;
  items?: ActionSheetItemProps[];
  navigatable?: boolean;
  navigatableElements?: string[];
  subTitle?: string;
  tabIndex?: number;
  title?: string;
  onClose?: (event: React.SyntheticEvent<Element>) => void;
  onItemClick?: (event: {
    item?: any;
    syntheticEvent: React.SyntheticEvent<Element>;
    title?: string;
  }) => void;
  onItemSelect?: (event: {
    item?: any;
    syntheticEvent: React.SyntheticEvent<Element>;
    title?: string;
  }) => void;
  onOverlayClick?: (event: React.SyntheticEvent<Element>) => void;
}

export interface ActionSheetItemProps {
  className?: string;
  description?: string;
  disabled?: boolean;
  group?: "top" | "bottom";
  icon?: React.ReactElement<any>;
  item?: any;
  style?: React.CSSProperties;
  tabIndex?: number;
  title?: string;
}