@props(['placeholder' => '', 'shortcut' => null, 'disabled' => false])

<div {{ $attributes->merge(['class' => 'app-search']) }}>
    <i class="bi bi-search app-search-icon"></i>
    <input type="search" class="app-search-input" placeholder="{{ $placeholder }}" @disabled($disabled)>
    @if ($shortcut)
        <kbd class="app-search-kbd">{{ $shortcut }}</kbd>
    @endif
</div>