<button type="button" aria-label="Copy email address" class="bg-transparent" data-action="click->copy-to-clipboard#copy" data-controller="copy-to-clipboard" data-copy-to-clipboard-text-to-copy-value="hello@example.com" data-copy-to-clipboard-assistive-tech-notification-value="Copied">
  <!-- Source: Iconoir, added via `bin/add_icon` -->
  <svg width="24" height="24" viewbox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true" data-copy-to-clipboard-target="initialIcon">
    <path d="M8.5 4H6C4.89543 4 4 4.89543 4 6V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V6C20 4.89543 19.1046 4 18 4H15.5" stroke="currentColor" stroke-linecap="round"></path>
    <path d="M8 6.4V4.5C8 4.22386 8.22386 4 8.5 4C8.77614 4 9.00422 3.77604 9.05152 3.50398C9.19968 2.65171 9.77399 1 12 1C14.226 1 14.8003 2.65171 14.9485 3.50398C14.9958 3.77604 15.2239 4 15.5 4C15.7761 4 16 4.22386 16 4.5V6.4C16 6.73137 15.7314 7 15.4 7H8.6C8.26863 7 8 6.73137 8 6.4Z" stroke="currentColor" stroke-linecap="round"></path>
  </svg>
  <!-- Source: Iconoir, added via `bin/add_icon` -->
  <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" hidden="true" aria-hidden="true" data-copy-to-clipboard-target="successIcon">
    <path d="M5 13L9 17L19 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  </svg>
</button>