<template>
  <div
    class="snt-icon"
    v-on="$listeners">
    <v-icon
      :color="color"
      :tag="href ? 'a' : 'span'"
      :href="href"
      :target="target"
      :size="size">
      <slot>
        {{ icon }}
      </slot>
    </v-icon>
  </div>
</template>

<script>

export default {
  name: 'SntIcon',
  props: {
    icon: {
      type: String,
      default: undefined
    },
    color: {
      type: String,
      default: undefined
    },
    href: {
      type: String,
      default: ''
    },
    target: {
      type: String,
      default: '_blank'
    },
    size: {
      type: [String, Number],
      default: ''
    }
  }
}
</script>

<style scoped>
  .snt-icon {

  }
</style>
