<template>
  <span :class="`text-subtitle-2 font-weight-medium ${props.class}`">
    {{ title }} <span v-if="props.required" class="text-error">*</span>
  </span>
</template>

<script setup lang="ts">
const props = defineProps({
  title: {
    type: String,
    required: true,
  },
  required: {
    type: Boolean,
    default: false,
  },
  class: {
    type: String,
    default: "",
  },
});
</script>
