<template>
  <div class="mb-2">
  <span :class="`icon-text fsb-${size||17} ${type || 'has-text-findata'}`" class ="field is-align-items-center">
    <b class="mr-1">{{ title }}</b>
    <SvgIcon v-bind="{name: 'right.svg', type: type? type.replace('has-text-', '') : null, size: (size>=30? size*0.7 : size) || 20, alt: 'Arrow'}"></SvgIcon>
  </span>
</div>
</template>
<script>
export default {
  props: ['type', 'size', 'title']
}
</script>