@php
    $rand = rand();
@endphp
@props(['label' => null, 'clearable' => true,'id' => $rand,'name' => $rand,'type' => 'text'])

<div class="input-wrapper input-wrapper-prod">
    @if($label)
        <label class="text-prod-pri fw-700">{{ $label }}</label>
    @endif
    <div class="input-inner">
        <input {{ $attributes->merge(['class' => 'input-prod', 'type' => $type,'id' => $id,'name' => $name]) }}>
        @if($clearable)
            <button type="button" class="input-clear input-clear-prod" style="display:none" tabindex="-1">
                <i class="bi bi-x-lg"></i>
            </button>
        @endif
    </div>
</div>