{%- comment -%}

Un botón con contenido copiable, por ejemplo para Support Us.  Si el
link es externo, agregar el parámetro de seguridad noopener.

@param :copy [String] El texto copiable
@param :text [String] El contenido

{%- endcomment -%}

<button
  data-controller="button-copy"
  data-button-copy-text-value="{{ include.copy | escape_once }}"
  data-button-copy-confirmation-value="{{ site.i18n.button_copy.confirmation | replace: "%s", include.copy | escape_once }}"
  data-action="button-copy#copy"
  class="btn btn-primary w-100 d-flex align-items-end justify-content-center text-uppercase f-md-17">
  <span data-button-copy-target="text">{{- include.text -}}</span>
  <span data-button-copy-target="icon" class="pl-2">
    {%- include svg/copy-icon.svg -%}
  </span>
  <span data-button-copy-target="confirmationIcon" class="d-none pl-2">
    {%- include svg/done-icon.svg -%}
  </span>
</button>