@props([
    'type' => 'text',
    'name' => '',
    'id' => null,
    'value' => '',
    'placeholder' => '',
    'required' => false,
    'autofocus' => false,
    'disabled' => false,
    'readonly' => false,
    'class' => '',
    'min' => null,
    'max' => null,
    'step' => null,
    'pattern' => null,
    'autocomplete' => null,
])

@php
    $baseClasses = 'border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm';
    $classes = $baseClasses . ($class ? ' ' . $class : '');
    $inputId = $id ?? $name;
@endphp

<input
    type="{{ $type }}"
    name="{{ $name }}"
    id="{{ $inputId }}"
    value="{{ $value }}"
    placeholder="{{ $placeholder }}"
    class="{{ $classes }} form-control"
    @if($required) required @endif
    @if($autofocus) autofocus @endif
    @if($disabled) disabled @endif
    @if($readonly) readonly @endif
    @if($min !== null) min="{{ $min }}" @endif
    @if($max !== null) max="{{ $max }}" @endif
    @if($step !== null) step="{{ $step }}" @endif
    @if($pattern !== null) pattern="{{ $pattern }}" @endif
    @if($autocomplete !== null) autocomplete="{{ $autocomplete }}" @endif
    {{ $attributes }}
/>