@props([
    'action' => null,
    'value' => '',
    'placeholder' => 'Search',
    'class' => 'w-full max-w-xl',
    'inputClass' => '',
    'buttonClass' => '',
])

<form method="GET" action="{{ $action }}" role="search" class="tenant-search-form {{ $class }}">
    <label class="tenant-search-form__label">
        <span class="sr-only">검색</span>
        <input
            type="search"
            name="q"
            value="{{ $value }}"
            placeholder="{{ $placeholder }}"
            class="tenant-search-form__input shadow-none {{ $inputClass }}"
        >
        <button
            type="submit"
            class="tenant-search-form__button {{ $buttonClass }}"
            aria-label="검색"
        >
            <svg viewBox="0 0 20 20" fill="none" aria-hidden="true" class="tenant-search-form__icon">
                <path d="M8.5 15a6.5 6.5 0 1 1 4.596-11.096A6.5 6.5 0 0 1 8.5 15Zm0-1.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm6.854 3.207-3.89-3.89 1.06-1.06 3.89 3.89-1.06 1.06Z" fill="currentColor"/>
            </svg>
        </button>
    </label>
</form>