// see light9/editchoice.py for gtk version

import debug from "debug";

import { css, html, LitElement } from "lit";

import { customElement, property } from "lit/decorators.js";

import { NamedNode } from "n3";

export { ResourceDisplay } from "../web/ResourceDisplay";

const log = debug("editchoice");

const RDFS = "http://www.w3.org/2000/01/rdf-schema#";

function setupDrop(

  senseElem: HTMLElement,

  highlightElem: HTMLElement,

  coordinateOriginElem: HTMLElement | null,

  onDrop: (uri: NamedNode, pos: Vector | null) => void

) {

  const highlight = () => highlightElem.classList.add("dragging");

  const unhighlight = () => highlightElem.classList.remove("dragging");

  senseElem.addEventListener("drag", (event: DragEvent) => {});

  senseElem.addEventListener("dragstart", (event: DragEvent) => {});

  senseElem.addEventListener("dragend", (event: DragEvent) => {});

  senseElem.addEventListener("dragover", (event: DragEvent) => {

    event.preventDefault();

    event.dataTransfer!.dropEffect = "copy";

    highlight();

  });