@props(['searchQuery'])

<form action="{{ translatedRoute('products.index') }}" class="search-input">
    <input
        type="text"
        name="q""
        placeholder="{{ __('What are you looking for?') }}"
        wire:model.debounce.live="searchQuery" id="search-query-input"
        wire:loading.class="is-loading"
        autofocus
    >
</form>
