<div class="bg-light p-4">
  <div class="bg-white m-sm-auto w-100 p-3 border rounded p-4" style="max-width: 400px">
    <%= render Railsboot::HeadingComponent.new(size: "h2").with_content("Password Reset") %>

    <p class="fw-light">Enter your email address below and we will send you password reset instructions.</p>

    <%= form_with(url: "#") do |form| %>
      <%= render Railsboot::FormFieldComponent.new(form: form) do |field| %>
        <% field.with_label(for: :email, class: "fw-semibold") { "Email" } %>
        <% field.with_email_field(name: :email, required: true) %>
      <% end %>

      <%= render Railsboot::FormFieldComponent.new(form: form, class: "mt-4 d-grid") do |field| %>
        <%= render Railsboot::Button::InputComponent.new(form: form, text: "Reset Password") %>
      <% end %>
    <% end %>

    <p class="mt-4 fw-light">
      <%= link_to "Back to Login", "#" %>
    </p>
  </div>
</div>