<template>
  <input
    v-model="model"
    type="text"
    :placeholder="placeholder"
    class="h-10 w-full max-w-md rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
  />
</template>

<script setup lang="ts">
const model = defineModel<string>({ required: true })

withDefaults(defineProps<{
  placeholder?: string
}>(), {
  placeholder: 'Chercher un employé (nom ou prénom)'
})
</script>
