@props([
    'name' => '',
    'label' => '',
    'rows' => 1,
    'disabled' => false,
    'isCreatable' => false,
    'saveFunc' => '',
    'saveButtonLabel' => '定型文登録',
    'saveMessageName' => 'save_message',
    'errorMessageName' => 'save_error',
    'wireModelType' => \App\Enums\ELivewireModelType::BLUR,
    'focusSkip' => false,
])
<div {{$attributes->merge(['class' => "w-full rounded-lg border border-gray-300"])}}   >
    <div class="relative" wire:ignore>
        <textarea
            x-data=""
            id="{{$name}}" rows="{{$rows}}"
            {{ $attributes->merge([$wireModelType->attribute() => $name])->only([$wireModelType->attribute()]) }}
            @class([
                "block px-2 w-full text-sm appearance-none rounded-lg text-gray-900 border-0 border-gray-300 focus:ring-0 peer disabled:bg-gray-200 disabled:cursor-text focus:border-blue-600  focus:border-2",
                "pt-4" => $label
            ])
            @disabled($disabled)
            placeholder="　" required
            @keydown.shift.enter.stop=""
            focus-skip="{{$focusSkip}}"
            >
        </textarea>
        @if($label)
            <label for="{{$name}}"
                   class="peer-focus:font-medium ml-2 cursor-text absolute text-sm text-gray-400 duration-300 transform
                          left-0 -translate-y-3 scale-75 top-3 origin-[0] peer-focus:left-0 peer-focus:text-blue-600
                          peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75
                          peer-focus:-translate-y-3">
                {{$label}}
            </label>
        @endif
    </div>
    @if($isCreatable)
        <div class="flex justify-between items-center border-t">
            <div class="flex pl-0 space-x-1">
                <x-forms.input-foreign-key name="{{$name}}_code" label="{{$label}}コード" :required="false" />
                @if(session()->has($saveMessageName))
                    <div class="mx-2 text-sm rounded text-green-600 font-normal"
                         x-init="$wire.clearSaveMessage()"
                    >
                        {{ session($saveMessageName) }}
                    </div>
                @endif
                @if(session()->has($errorMessageName))
                    <div class="mx-2 text-sm rounded text-red-600 font-normal"
                         x-init="$wire.clearSaveMessage()"
                    >
                        {{ session($errorMessageName) }}
                    </div>
                @endif
                {{--                <button type="button" wire:click="openSelectionModal('{{$name}}')"--}}
                {{--                        class="inline-flex justify-center p-2 rounded cursor-pointer text-primary-600 hover:text-neutral-900 hover:bg-neutral-100">--}}
                {{--                    <i class="fa fa-list"></i>--}}
                {{--                </button>--}}
            </div>
{{--            <button type="button" wire:click="{{$saveFunc}}"--}}
{{--                    class="inline-flex items-center py-2.5 px-4 text-xs font-medium text-center text-white bg-primary-500 rounded-lg focus:ring-4 focus:ring-primary-200 hover:bg-primary-800">--}}
{{--                --}}
{{--            </button>--}}
            <x-buttons.primary wire:click="{{$saveFunc}}" class="text-xs">
                {{ $saveButtonLabel  }}
            </x-buttons.primary>
        </div>
    @endif
</div>