import Drop = require("tether-drop");

var yellowBox = document.querySelector(".yellow");
var greenBox = document.querySelector(".green");

var d = new Drop({
    position: "bottom left",
    openOn: "click",
    constrainToWindow: true,
    constrainToScrollParent: true,
    classes: "",
    tetherOptions: {attachment: "bottom left"},
    remove: true,
    target: yellowBox,
    beforeClose: () => true,
    content: greenBox
});

d.open();
d.close();
d.remove();
d.toggle();
d.position();
d.destroy();
d.content.appendChild(document.createElement("div"));
d.tether.position();

d.on("open", () => false);
d.on("close", () => false);
d.once("close", () => false);
d.off("close", () => false);
d.off("open");

var e = new Drop({
    target: yellowBox,
    content: () => greenBox
});

var Tooltip = Drop.createContext({
    classPrefix: 'tooltip'
});

var t = new Tooltip({
    target: yellowBox,
    content: () => greenBox
});