<%= render_component_tag tag_name, id: id, href: href, class: [ "block text-lookbook-icon-button-stroke focus:outline-none focus-visible:outline-none #{padding}", { "hover:text-lookbook-icon-button-stroke-hover": !disabled, "cursor-[not-allowed] opacity-50": disabled } ], disabled: disabled, aria: { label: tooltip } do %> <%= icons.present? ? safe_join(icons) : (lookbook_render(:icon, name: icon, size: icon_size, ":class": "{'animate-spin': _spinning}") if icon) %> <% if tooltip %> <%= tooltip %> <% end %> <%= content %> <% end %>