@props([

    'route',

    'placeholder' => 'Search...',

    'minChars' => 2,

])

<div style="
    position:relative;
">

    <input
        type="text"
        class="epdfu-live-search-input"
        data-route="{{ $route }}"
        data-min-chars="{{ $minChars }}"
        autocomplete="off"
        placeholder="{{ $placeholder }}"
        style="
            width:100%;
            padding:14px;
            border:1px solid #d1d5db;
            border-radius:10px;
            font-size:14px;
        "
    >

    <div class="epdfu-live-search-results"
         style="
            position:absolute;
            top:100%;
            left:0;
            right:0;
            background:white;
            border:1px solid #e5e7eb;
            border-top:none;
            border-radius:0 0 12px 12px;
            max-height:350px;
            overflow-y:auto;
            z-index:999;
            display:none;
         ">

    </div>

</div>