<!-- src/components/ui/toast/ToastClose.vue -->
<script setup lang="ts">
import { X } from "lucide-vue-next"

const emit = defineEmits<{
  (e: "click", event: MouseEvent): void
}>()
</script>

<template>
  <button
    class="absolute right-1 top-1 rounded-md p-1 text-slate-950/50 opacity-0 transition-opacity hover:text-slate-950 focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 dark:text-slate-50/50 dark:hover:text-slate-50"
    @click="(event) => emit('click', event)"
  >
    <X class="h-4 w-4" />
    <span class="sr-only">Close</span>
  </button>
</template>
