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

<input type="{{ $type }}"
    {{ $attributes->merge(['class' => 'w-full px-4 py-2 bg-white dark:bg-background border border-gray-200 dark:border-border rounded-lg text-sm text-foreground placeholder:text-muted-foreground/70 focus:ring-1 focus:ring-emerald-500 focus:border-emerald-500 outline-none transition']) }} />