<template>
  <span :class="`icon-text fsb-${props.size||17} ${props.type || 'has-text-findata'}`">
    <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>