@props(['name', 'label' => null, 'type' => 'text', 'error' => null])

<div {{ $attributes->only('class') }}>
    @if($label)
        <label for="{{ $name }}" class="mb-1 block text-sm font-medium">{{ $label }}</label>
    @endif
    <input type="{{ $type }}" name="{{ $name }}" id="{{ $name }}"
           {{ $attributes->except('class')->merge(['class' => 'w-full rounded-xl border border-border px-4 py-3 focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20'.($error ? ' border-danger' : '')]) }} />
    @if($error)
        <p class="mt-1 text-sm text-danger" role="alert">{{ $error }}</p>
    @endif
</div>