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

<%= icon %>

<% if title? %>

<%= title %>

<% end %>

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

<% if link? %>

<%= link %>

<% end %>

<% if action? || secondary_action? %>

<% if action? %>

<%= action %>

<% end %> <% if secondary_action? %>

<%= secondary_action %>

<% end %>

<% if dismissable? %>

<%= coco_button( icon: :x, size: :sm, theme: :blank, class: "alert-dismiss-button", click: "$parent.dismiss()" ) %>

<% end %>