---
title:
  type: 'string'
text:
  type: 'string'
link:
  type: 'string'
component_class:
  type: 'string'
  default: 'w-100'
button_class:
  type: 'string'
  default: 'w-100'
share_clipboard:
  type: 'string'
  default: 'Copied to clipboard'
---
{% comment %}
Compartir usando el método de compartir del dispositivo o copiar al
portapeles.
{% endcomment %}

<div
  data-controller="share"
  data-share-clipboard-value="{{ share_clipboard | escape }}"
  data-share-url-value="{{ link }}"
  class="{{ component_class }}">

  <button data-action="share#share" class="btn white {{ button_class }}">
    <div class="w-35px">{% render 'svg/share.svg', class: 'primary' %}</div>
  </button>

  {% comment %}
    Aquí no hay sangría para que no salgan espacios de más al copiar.
  {% endcomment %}
  <textarea class="d-none" data-share-target="fallback">
    {{ link }}
  </textarea>
</div>