import React from "react";
import FlexibleForm from "../components/FlexibleForm";
import benefitTwoImg from "../assets/img/benefit-two.png";

const SignUp = () => {

    return (
        <>
            <FlexibleForm
                onSuccess={''}
                data={{
                    image: benefitTwoImg,
                    title: "Create your account",
                    subtitle: "maybe edit this text hmm",
                    formAction: "/register",
                    formMethod: "POST",
                    formFields: [
                        { label: "Full Name", name: "name", type: "text", autoComplete: "name", required: true },
                        { label: "Email address", name: "email", type: "email", autoComplete: "email", required: true },
                        { label: "Password", name: "password", type: "password", autoComplete: "new-password", required: true },
                    ],
                    ctaText: "Create Account",
                    ctaLink: { text: "Already have an account?", linkText: "Log in instead!", url: "/login" },
                    underneathButton: {url: "", text: "" }
                }}
            />
        </>
    );
};
export default SignUp;