<template>
  <span :class="`icon-text fsb-${props.size || 17} ${props.type || 'has-text-primary'}`">
    <span>{{ title }}</span>
    <SvgIcon
      id="ignore"
      v-bind="{
        name: 'right.svg',
        type: props.type ? props.type.replace('has-text-', '') : null,
        size: (props.size >= 30 ? props.size * 0.7 : props.size) || 20,
        alt: 'Mũi tên chỉ hướng',
      }"
    ></SvgIcon>
  </span>
</template>
<script setup>
var props = defineProps({
  type: String,
  size: Number,
  title: String,
});
</script>
