<template>
  <a :href="url"
     target="_blank"
     class="
      transform
      hover:scale-110
      cursor-pointer
      p-2
      text-white
      items-center

      shadow-none
      border-none
      ring-none
      outline-none
      ">
    <i class="w-7 h-7" :data-feather="featherIcon"/>
  </a>
</template>

<script>
import feather from "feather-icons";

export default {
  name: "SocialButton",
  props: ["featherIcon", "url"],

  mounted() {
    feather.replace();
  },

  updated() {
    feather.replace();
  },
}
</script>

<style scoped>

</style>
