@props([
    'minModel',
    'maxModel',
    'type' => 'text',
    'minPlaceholder' => '最小',
    'maxPlaceholder' => '最大',
    'wireModelType' => \App\Enums\ELivewireModelType::DEFER,
])
<div class="flex items-center w-full">
    <div class="relative flex-1">
        <x-forms.text-field
            type="{{$type}}"
            {{$attributes->merge([$wireModelType->attribute() => $minModel])}}
            placeholder="{{ $minPlaceholder }}" />
    </div>
    <span class="mx-4 font-medium text-black">〜</span>
    <div class="relative flex-1">
        <x-forms.text-field
            type="{{$type}}"
            {{$attributes->merge([$wireModelType->attribute() => $maxModel])}}
            placeholder="{{ $maxPlaceholder }}"
        />
    </div>
</div>