@props([
    'value',
    'label' => 'Copiar',
    'doneLabel' => 'Copiado!',
])

<div {{ $attributes->merge(['class' => 'copy-field']) }} data-copy-field>
    <input
        type="text"
        readonly
        value="{{ $value }}"
        class="copy-field-input"
        data-copy-source
        aria-label="{{ $label }}"
    >
    <button
        type="button"
        class="btn-secondary copy-field-btn"
        data-copy-trigger
        data-copy-default="{{ $label }}"
        data-copy-done="{{ $doneLabel }}"
    >
        {{ $label }}
    </button>
</div>