<% if object.variant == "display_input" %>
<%= pb_rails("flex", props: { vertical: "center" }) do %>
<%= pb_rails("flex", props: {
orientation: "column",
padding: "sm",
padding_right: "xs",
vertical: "center",
}) do %>
<%= pb_rails(object.input, props: { text: "" }) do %>
<%= object.is_disabled %> id="checkbox-styled" name="<%= object.name %>-display" type="<%= object.input %>">
<% end %>
<% end %>
<%= pb_rails("card", props: { padding: "sm", status: object.status, border_none: true }) do %>
<% if content.nil? %>
<%= pb_rails("body", props: { text: object.text }) %>
<% else %>
<%= content %>
<% end %>
<% end %>
<% end %>
<% else %>
<% if content.nil? %>
<%= pb_rails("body", props: { text: object.text }) %>
<% else %>
<%= content %>
<% end %>
<% if object.icon %>
<%= pb_rails("icon", props: { icon: "check", fixed_width: true }) %>
<% end %>
<% end %>