<template>
    <button @click.stop="addAudio" type="button" class="default flex-shrink-0"
    :class="[
      liked ? 'text-red' : 'text-gray-light'
    ]"
    >
      <svg class="w-4 h-4">
        <use xlink:href="#heart"></use>
      </svg>
    </button>
</template>
<script>
export default {
  emits: ["addAudio"],
  props: {
    media_id: Number,
    liked: Boolean,
  },
  methods: {
    addAudio() {
      this.$emit("addAudio", this.media_id);
    },
  },
};
</script>
