import { CocoComponent } from "@js/coco.js";

export default CocoComponent("icon", () => {
  return {
    options: ["style", "spin"],

    get spin() {
      return this.$options.spin;
    },

    set spin(val) {
      this.$options.spin = val;
    },

    get fill() {
      return this.$options.style === "fill";
    },

    set fill(val) {
      this.$options.style = val === true ? "fill" : "line";
    },

    root: {
      "x-options": "options",
    },
  };
});