app/components/spinner_button_component.html.erb
<%= content_tag(
:'lg-spinner-button',
**wrapper_options,
class: css_class,
'spin-on-click': spin_on_click,
'long-wait-duration-ms': long_wait_duration.in_milliseconds,
) do %>
<%= render ButtonComponent.new(type: :button, **button_options) do %>
<span class="spinner-button__content"><%= content %></span>
<span class="spinner-dots spinner-dots--centered" aria-hidden="true">
<span class="spinner-dots__dot"></span>
<span class="spinner-dots__dot"></span>
<span class="spinner-dots__dot"></span>
</span>
<% end %>
<% if action_message %>
<%= tag.div '',
role: 'status',
data: { message: action_message },
class: 'spinner-button__action-message usa-sr-only' %>
<% end %>
<% end %>