Donation form - Step 3

[thaninbew]

Overview

Please read: Implement this step 3 child component for the donation form. A barebones implementation has been implemented, feel free to change/remove anything to match the current design.
Do not implement the step progress bar at this stage.
The form will be structured as a parent DonationForm with four child components responsible for each step in the flow. This ticket is the Step 3 child component.

Stripe Elements can emit the card brand and last 4 digits via the onChange event, so you can display "Visa ending in 4242" that way

Overall Component Structure (implemented barebones in the code already)

• DonationForm (parent; manages step state, logic, and shared form data)
  • Step1Amount — Choose donation amount and recurrence (one-time, weekly, monthly, yearly)
  • Step2Details — Enter name, card/payment info, email, and tip
  • Step3Confirm — Review donation details; final confirmation before submitting
  • Step4Receipt — Display receipt or thank you message after successful donation

References