struct RegistrationForm: View {
    @State private var name = ""
    @State private var email = ""
    @State private var password = ""
    @State private var agreeToTerms = false
    @State private var plan = Plan.free

    var body: some View {
        Form {
            PrismSection("Personal Info") {
                PrismTextField(
                    "Full Name",
                    text: $name,
                    icon: "person",
                    validation: [.required, .minLength(2)]
                )

                PrismTextField(
                    "Email",
                    text: $email,
                    icon: "envelope",
                    validation: [.required, .email]
                )

                PrismSecureField(
                    "Password",
                    text: $password,
                    validation: [.required, .minLength(8)]
                )
            }

            PrismSection("Plan") {
                PrismSegmentedControl(
                    selection: $plan,
                    options: Plan.allCases
                )

                PrismToggle("I agree to the Terms", isOn: $agreeToTerms)
            }

            PrismButton("Create Account", variant: .filled) {
                await createAccount()
            }
        }
    }
}

// Required — non-empty after trimming
.required

// Length constraints
.minLength(3)
.maxLength(100)

// Email format
.email

// Custom regex
.regex(#"^\d{5}$"#, message: "Enter a valid ZIP code")

// Numeric range
.range(1...100)

PrismTextField(
    "Username",
    text: $username,
    validation: [.required, .minLength(3), .maxLength(20)]
)

let noSpaces = PrismValidationRule(
    validate: { !$0.contains(" ") },
    message: "Username cannot contain spaces"
)

PrismTextField(
    "Username",
    text: $username,
    validation: [.required, noSpaces]
)

PrismPinField(
    length: 6,
    text: $otpCode,
    keyboardType: .numberPad
)

PrismRating(
    value: $rating,
    maxValue: 5,
    allowHalf: true,
    icon: "star"
)

PrismSlider(
    value: $brightness,
    range: 0...100,
    step: 5,
    label: "Brightness",
    showValue: true
)