@props(['label' => '', 'id' => ''])

<div class="mb-4">
    @if($label)
        <label for="{{ $id }}" class="block text-sm font-medium text-neutral-800 mb-1">{{ $label }}</label>
    @endif
    <input id="{{ $id }}" {{ $attributes->merge(['class' => 'w-full rounded-theme border-gray-300 border p-2 focus:ring-2 focus:ring-primary focus:border-primary outline-none transition']) }}>
</div>