@php
    $loadData($record);
    $str = $getPop();
@endphp
@if ($getSize())
    <div class="my-auto flex flex-col gap-4">
        <div x-data="{ pop: '{{ $str }}' }">
            <template x-ref="template">
                <p x-html="pop"></p>
            </template>

            <x-filament::icon-button icon="phosphor-chat-text" color="gray" size="md"
                x-tooltip.html="{ content: () => 
                    $refs.template.innerHTML, 
                    placement: 'auto',
                    allowHTML: true, 
                    theme: $store.theme, 
                    class: 'tooltip',
                    appendTo: $root,
                    strategy: 'fixed',
                    interactive: false,
                    zIndex: 99999,
                    popperOptions: {
                        strategy: 'fixed',
                    },
                }" />
        </div>
    </div>    
@endif