<div class="flex space-x-1">
    <p class="line-clamp-2">{{ $labelsJson[app()->getLocale()] ?? __('globals::global.status.not-set') }}</p>
    <x-input-error for="label" />
    <button data-tippy-content="{{__('globals::global.action.change')}}" type="button"
        x-on:click="$dispatch('show-multi-language-json-modal', { labels: @js($labelsJson), target: @js($target), windowTitle: @js($windowTitle ?? '') } )"
        class="font-medium text-primary-600 dark:text-primary-500 hover:underline">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
            class="w-5 h-5">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" />
        </svg>
    </button>
</div>
