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

<input
    type="{{ $type }}"
    {{ $attributes->merge([
        'class' => 'w-full rounded-lg border !border-zinc-300 !bg-white px-3 py-2.5 text-sm !text-zinc-900 placeholder:!text-zinc-400 outline-none transition focus:!border-zinc-500 focus:ring-2 focus:ring-zinc-400/20 dark:!border-zinc-700 dark:!bg-zinc-950 dark:!text-white dark:placeholder:!text-zinc-500 dark:focus:!border-zinc-500'
    ]) }}
>