export type HyperframePickerBoundingBox = {
  x: number;
  y: number;
  width: number;
  height: number;
};

export type HyperframePickerElementInfo = {
  id: string | null;
  tagName: string;
  selector: string;
  label: string;
  boundingBox: HyperframePickerBoundingBox;
  textContent: string | null;
  src: string | null;
  dataAttributes: Record<string, string>;
};

export type HyperframePickerApi = {
  enable: () => void;
  disable: () => void;
  isActive: () => boolean;
  getHovered: () => HyperframePickerElementInfo | null;
  getSelected: () => HyperframePickerElementInfo | null;
  getCandidatesAtPoint: (clientX: number, clientY: number, limit?: number) => HyperframePickerElementInfo[];
  pickAtPoint: (clientX: number, clientY: number, index?: number) => HyperframePickerElementInfo | null;
  pickManyAtPoint: (clientX: number, clientY: number, indexes?: number[]) => HyperframePickerElementInfo[];
};

declare global {
  interface Window {
    __HF_PICKER_API?: HyperframePickerApi;
  }
}