<script setup lang="ts">
const props = defineProps({
  header: {
    type: String,
    default: "ข้อความ",
    required: true,
  },
  icon: {
    type: String,
    default: "mdi-help",
    required: true,
  },
});
</script>

<template>
  <div class="flex items-center">
    <div class="flex items-center">
      <q-icon
        :name="props.icon"
        size="1.5em"
        color="grey-5"
        class="q-mr-md"
        v-if="props.icon != ''"
      />
      <div
        class="text-bold text-subtitle2 col-12 row items-center"
        v-if="props.header != ''"
      >
        {{ props.header }}
      </div>
    </div>
  </div>
</template>
