<script setup>
const props = defineProps({
  variant: Object,
});
const showModal = ref(null);
</script>

<template>
  <button
    @click="
      showModal = {
        component: 'imports/IMEIs',
        title: 'IMEIs',
        width: '80%',
        height: '400px',
        vbind: { variant: props.variant },
      }
    "
    class="button is-small is-primary is-ghost"
  >
    <span class="icon">
      <Icon
        name="mdi:launch"
        :size="22"
      />
    </span>
  </button>
  <Modal
    v-if="showModal"
    v-bind="showModal"
    @close="showModal = null"
  />
</template>
