import { html } from "../html.js";

export const svgIcon = Vue.component("svg-icon", {
  template: html` <div class="_svg-icon" :class="classes" :svg-name="name" :style="{'--icon': 'url(' + url + ')'}"></div> `,
  props: {
    name: {
      type: String,
      required: false,
    },
    classes: {
      type: String,
      required: false,
    },
    url: {
      type: String,
      required: true,
      default: "./assets/repeat.svg",
    },
  },
});