import { Placement as FUIPlacement, ComputePositionReturn } from '@floating-ui/dom';

export type Position = FUIPlacement | 'auto';
export type Orientation = 'fixed' | 'auto';

export interface Placement {
  position: Position;
  orientation: Orientation;
}

export interface Props {
  allowHTML: boolean;
  // content: string | HTMLElement | ((target: Element) => HTMLElement);
  content: string | Element;
  arrow: boolean;
  transitionDuration: number | [number | null, number | null];
  offset: [number | undefined, number | undefined];
  factorArrowInOffset: boolean;
  hideOnClick: boolean | 'target';
  onClickOutside: (instance: Instance, event: MouseEvent) => void;
  onShow: (instance: Instance) => void;
  onHide: (instance: Instance) => void;
  onStateChange: (oldState: TooltipState, newState: Partial<TooltipState>) => void;
  onRemove: () => void;
  onBeforeFirstRender: () => void;
  onAfterFirstRender: () => void;
  placement: Placement;
  resetPlacementOnUpdate: boolean;
  hideOnTooltipEscape: boolean;
  hideOnReferenceHidden: boolean;
  showOnCreate: boolean;
  scrollIntoView: boolean;
  maxWidth: number;
  arrowSizeScale: number;
  updateDebounce: number;
  zIndex: number;
  updateOnEvents: string;
}

export interface TooltipState {
  isShown: boolean;
  isRemoved: boolean;
  fui: ComputePositionReturn | undefined;
}

export type Visibility = 'hidden' | 'visible';

export type TransitionState = 'hidden' | 'shown' | 'hiding' | 'showing';

export interface Instance {
  props: Props;
  reference: HTMLElement;
  tooltipElement: HTMLElement;
  getState: () => TooltipState;
  show: (toResetPosition?: boolean) => void;
  hide: () => void;
  remove: () => void;
  update: () => void;
}