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

<%= icon "x", size: "xs", color: "white" %>

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

<%= icon "x", data: { action: "click->element-removal#remove" }, class: "cursor-pointer" %>

<% end %>