Card

<%= render(Zui::Card.new(class: "w-full sm:w-[400px] py-8 sm:px-2 md:px-8 mx-auto")) do |card| %>
  <%= card.header do %>
    <%= card.title { "Create project" } %>
    <%= card.description { "Deploy your new project in one-click." } %>
  <% end %>
  <%= zui_form_with(model: post, url: "/") do |form| %>
    <%= card.body do %>
      <div class="grid grid-cols-1 gap-6">
        <div>
          <%= form.label :title %>
          <%= form.text_field :title, placeholder: "Catchy title! "%>
        </div>

        <div>
          <%= form.label :status %>
          <%= form.select :status, collection: Post::STATUSES %>
        </div>
      </div>
    <% end %>
    <%= card.footer(class: "flex gap-4 justify-end") do %>
      <%= render Zui::Button.new(variant: :outline, data_zui_accent: "red") { "Cancel"} %>
      <%= form.submit 'Save' %>
    <% end %>
  <% end %>
<% end %>