@props([
    'label' => 'Search',
    'name' => 'search',
    'value' => null,
    'placeholder' => 'Search...',
])

@php
    $id = $id ?? $name;
       $value = $value ?? old($name, request($name));
@endphp

<div class="col-span-1 sm:col-span-2 lg:col-span-2 min-w-0">
    <x-input-label for="{{ $name }}" :value="__($label)"/>
    <div class="flex">
        <x-text-input id="{{ $name }}" class="block w-full max-w-full min-w-0" type="text"
                      name="{{ $name }}"
                      :value="$value"
                      placeholder="{{ __($placeholder) }}"/>
    </div>
    <x-input-error :messages="$errors->get($name)" class="mt-2"/>
</div>