{{--
    テキストエリアを生成する
    @props value デフォルト値
--}}
@props(['id', 'data'=>null, 'title'=>'', 'prefix'=>''])
<div x-data="Component.inputAddress" data-id="{{$id}}" data-prefix="{{$prefix}}" {{ $attributes->merge([]) }} >
    <div class="relative" >
        <x-parts.text-address id="{{$id}}" name="{{$id}}" class="h-24" :data="$data" />
        <x-button.link-a class="absolute top-0 right-16" 
            icon="fa-solid fa-pen" text="編集" 
            data-micromodal-trigger="{{$id}}_input" />
    </div>
    <x-parts.modal-input-address id="{{$id}}_input" title="ＸＸＸ" prefix="{{$prefix}}" :data="$data" />
</div>