import React from "react";
import FlexibleForm from "../components/FlexibleForm";
import benefitTwoImg from "../assets/img/benefit-two.png";
const Login = () => {
    return (
        <>
            <FlexibleForm
                onSuccess={''}
                data={{
                    image: benefitTwoImg,
                    title: "Sign in to your account",
                    subtitle: "Sign in please",
                    formAction: "/login",
                    formMethod: "POST",
                    formFields: [
                        { label: "Email address", name: "email", type: "email", autoComplete: "email", required: true },
                        { label: "Password", name: "password", type: "password", autoComplete: "current-password", required: true },
                    ],
                    ctaText: "Login",
                    ctaLink: { text: "Don't have an account?", linkText: "Create an account instead!", url: "/sign-up" },
                    underneathButton: { url: "/forgot-password", text: "Forgot Password?" }
                }}
            />
        </>
    );
};

export default Login;