<script setup>
const props = defineProps({
    field: Object,
})

const model = defineModel();
</script>

<template>
    <div>
        <input
            type="text"
            :id="field.name"
            v-model="model"
            class="block w-full rounded-md py-1.5 border-gray-300 text-gray-900 shadow-sm placeholder:text-gray-400 sm:text-sm"
            :required="field.options?.required ?? false"
        >
    </div>
</template>
