<%= render component_tag(x: { data: "appAlert", bind: "root", show: "!dismissed", cloak: (true if cloak?) }, class: { "with-title": title?, "vivid": vivid? }) do %>
<%= icon %>
<% if title? %>

<%= title %>

<% end %>

x-dimensions="checkSingleLineWrap(dimensions)"<% end %>> <%= content %>

<% if link? %> <% end %>
<% if action? || secondary_action? %>
<% if action? %>
<%= coco_button( *@action_data[:args], **@action_data[:kwargs], size: button_size, &@action_data[:block] ) %>
<% end %> <% if secondary_action? %>
<%= coco_button( *@secondary_action_data[:args], **@secondary_action_data[:kwargs], size: button_size, &@secondary_action_data[:block] ) %>
<% end %>
<% end %>
<% if dismissable? %>
<%= coco_button( icon: :x, size: :sm, theme: :blank, class: "alert-dismiss-button", click: "$parent.dismiss()" ) %>
<% end %>
<% end %>