import { DrawingContext, Dugtrio } from "..";
import { draggable } from "../plugins/draggable";
import { mouseOver } from "../plugins/mouseOver";
import { pin } from "../plugins/pin";
import { Interactable } from "../src/Interactable";
Dugtrio.init("dx11", "x64");

const window = new Interactable();
window.draw = (self) => {};

const boxHead = new Interactable();
boxHead.size = { x: 100, y: 25 };
boxHead.position = { x: 100, y: 100 };

boxHead.draw = (self) => {
  if (self.properties.mouseOver) {
    DrawingContext.color({ red: 255, blue: 0, alpha: 255, green: 255 });
  } else {
    DrawingContext.color({ red: 255, blue: 0, alpha: 255, green: 0 });
  }
  DrawingContext.fontSize({ value: 99 });
  DrawingContext.fontAlign({ value: 1 });
  DrawingContext.text({
    position: self.position,
    text: "yes",
  });

  DrawingContext.rect({
    position: self.position,
    fill: false,
    size: self.size,
  });
};

boxHead.addPlugin(mouseOver());
boxHead.addPlugin(draggable());

const box = new Interactable();
box.size = { x: 100, y: 100 };
box.position = { x: 100, y: 100 };

box.draw = (self) => {
  DrawingContext.color({ red: 255, blue: 0, alpha: 255, green: 0 });
  // DrawingContext.texture({
  //   textureId: "33",
  //   position: self.position,
  //   size: { x: 200, y: 200 },
  // });
  DrawingContext.rect({
    position: self.position,
    fill: false,
    size: self.size,
  });
};
boxHead.child(box);
box.addPlugin(pin());

window.child(boxHead);

// DrawingContext.block({ value: true });
Dugtrio.onReady(() => {
  // DrawingContext.loadTexture({
  //   data: `iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAApgAAAKYB3X3/OAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAANCSURBVEiJtZZPbBtFFMZ/M7ubXdtdb1xSFyeilBapySVU8h8OoFaooFSqiihIVIpQBKci6KEg9Q6H9kovIHoCIVQJJCKE1ENFjnAgcaSGC6rEnxBwA04Tx43t2FnvDAfjkNibxgHxnWb2e/u992bee7tCa00YFsffekFY+nUzFtjW0LrvjRXrCDIAaPLlW0nHL0SsZtVoaF98mLrx3pdhOqLtYPHChahZcYYO7KvPFxvRl5XPp1sN3adWiD1ZAqD6XYK1b/dvE5IWryTt2udLFedwc1+9kLp+vbbpoDh+6TklxBeAi9TL0taeWpdmZzQDry0AcO+jQ12RyohqqoYoo8RDwJrU+qXkjWtfi8Xxt58BdQuwQs9qC/afLwCw8tnQbqYAPsgxE1S6F3EAIXux2oQFKm0ihMsOF71dHYx+f3NND68ghCu1YIoePPQN1pGRABkJ6Bus96CutRZMydTl+TvuiRW1m3n0eDl0vRPcEysqdXn+jsQPsrHMquGeXEaY4Yk4wxWcY5V/9scqOMOVUFthatyTy8QyqwZ+kDURKoMWxNKr2EeqVKcTNOajqKoBgOE28U4tdQl5p5bwCw7BWquaZSzAPlwjlithJtp3pTImSqQRrb2Z8PHGigD4RZuNX6JYj6wj7O4TFLbCO/Mn/m8R+h6rYSUb3ekokRY6f/YukArN979jcW+V/S8g0eT/N3VN3kTqWbQ428m9/8k0P/1aIhF36PccEl6EhOcAUCrXKZXXWS3XKd2vc/TRBG9O5ELC17MmWubD2nKhUKZa26Ba2+D3P+4/MNCFwg59oWVeYhkzgN/JDR8deKBoD7Y+ljEjGZ0sosXVTvbc6RHirr2reNy1OXd6pJsQ+gqjk8VWFYmHrwBzW/n+uMPFiRwHB2I7ih8ciHFxIkd/3Omk5tCDV1t+2nNu5sxxpDFNx+huNhVT3/zMDz8usXC3ddaHBj1GHj/As08fwTS7Kt1HBTmyN29vdwAw+/wbwLVOJ3uAD1wi/dUH7Qei66PfyuRj4Ik9is+hglfbkbfR3cnZm7chlUWLdwmprtCohX4HUtlOcQjLYCu+fzGJH2QRKvP3UNz8bWk1qMxjGTOMThZ3kvgLI5AzFfo379UAAAAASUVORK5CYII=`,
  //   textureName: "33",
  // });
  setInterval(() => {
    window.render();
    Dugtrio.draw();
  });
});