<%= tag.div class: "relative flex gap-3 rounded-lg bg-container p-4 group w-full md:max-w-80 shadow-border-xs", data: { controller: "element-removal" } do %>

<%= icon "check", size: "xs", color: "current" %>

<%= tag.p message, class: "text-primary text-sm font-medium" %> <%= tag.p description, class: "text-secondary text-sm" %>

<%= yield %>

<% end %>