<script setup>
const props = defineProps({
  text: String,
  image: String,
  type: String,
  size: Number
});
</script>
<template>  
  <div
    @click="$emit('justclick')"
    class="rounded-full mx-0 px-0 size-10 font-bold is-flex is-justify-content-center is-align-items-center"
    :style="{
      border: image ? 'none' : '1px solid #e4e4e4'
    }"
  >
    <figure v-if="image" class="image">
      <img class="is-rounded" :src="`${$path()}download?name=${image}`">
    </figure>
    <span v-else>{{text}}</span>
  </div>
</template>
