@props(['label' => 'Auto-translate'])

<div class="flex flex-wrap items-center gap-3">
    <button type="button" data-autotranslate-button
            class="inline-flex shrink-0 items-center gap-1.5 rounded-lg border border-brand-green-200 bg-white px-3 py-1.5 text-xs font-semibold text-brand-green-800 transition hover:bg-brand-green-50">
        ✨ {{ $label }}
    </button>
    <p data-autotranslate-status class="text-xs font-medium"></p>
</div>