<template>
  <div
    :class="`cbox-${type}-${size} mx-0 px-0`"
    @click="$emit('justclick')"
    :style="image ? 'border: none' : ''"
  >
    <figure
      class="image"
      v-if="image"
    >
      <img
        class="is-rounded"
        :src="`${$path()}download?name=${image}`"
      />
    </figure>
    <div v-else>
      <span>{{ text }}</span>
    </div>
  </div>
</template>
<script>
export default {
  props: ["text", "image", "type", "size"],
};
</script>
<style>
.cbox-findata-two {
  font-weight: 500;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
}
</style>
