@props(['html' => null, 'plain' => null, 'limit' => 80])

@php
    $textPlain = $plain ?? trim(html_entity_decode(strip_tags($html ?? '')));
    $short = $textPlain !== '' ? \Illuminate\Support\Str::limit($textPlain, $limit) : '—';
    $hasMore = ($html && ($textPlain !== $short || preg_match('/<img\b/i', $html)));
@endphp

<div class="eva-cur-tree-label-rich min-w-0" x-data="{ showFull: false }">
    <template x-if="!showFull">
        <span class="text-sm text-slate-800">{{ $short }}</span>
    </template>
    <template x-if="showFull">
        <div class="prose max-w-none eva-opcion-html text-sm">{!! $html !!}</div>
    </template>
    @if($hasMore)
        <button
            type="button"
            class="eva-cur-toggle-link"
            @click="showFull = !showFull"
            x-text="showFull ? 'Ver menos' : 'Ver completo'"
        ></button>
    @endif
</div>