@props(['label', 'model', 'type' => 'text', 'step' => null])

<div class="flex flex-col space-y-1">
    <label class="block text-sm font-medium text-gray-700">{{ $label }}</label>

    <input
        type="{{ $type }}"
        @if($step) step="{{ $step }}" @endif
        wire:model="{{ $model }}"
        class="border-gray-300 rounded-lg focus:ring-indigo-500 focus:border-indigo-500 w-full text-gray-800"
    />

    @error($model)
        <span class="text-xs text-red-500">{{ $message }}</span>
    @enderror
</div>