<script setup lang="ts">
import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/types'

const props = defineProps<{
  prep: HeaderPrep
  refSearchNav: RefSearchNav
}>()
</script>

<template>
  <header>
    <div class="flex items-center">
      <div class="ml-3 text-lg font-bold text-gray-900">
        <Icon :name="props.prep.icon!" class="mr-2 h-4 w-4 align-middle" />
        {{ props.prep.title }}
      </div>
    </div>
  </header>
</template>
