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

const Login = () => {
    return (
        <>
            <FlexibleForm
                imgPos="right"
                route="/profile"
                data={{
                    image: benefitTwoImg,
                    title: "Sign in to your account",
                    subtitle: "sign in pls",
                    formAction: process.env.API_URL,
                    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;