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

<div>
    <label for="{{ $id }}" class="block text-sm font-medium text-gray-700 dark:text-gray-300">{{ $label }}</label>
    <input
        {{ $attributes->class(['mt-1.5 w-full rounded-lg border-gray-300 py-2 pl-3 text-sm shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-white/10 dark:bg-white/5 dark:text-white']) }}
        type="{{ $type }}"
        id="{{ $id }}"
        placeholder="{{ $placeholder }}"
    />
</div>