import { getDictionary } from "@/utils/getDictionary";
import LoginForm from "./_components/LoginForm"
import { LRFFlowContent } from "@/types/staticContent/lrfflow.content.type";


type Props = {}

const page = async (props: Props) => {
  const LRFFlow = await getDictionary('lrf-flow') as LRFFlowContent;
    return (
        <>
            <div className="text-center lg:pt-5 mb-4 md:mb-6 lg:mb-10">
                <h2 className="text-light text-2xl lg:text-3xl 2xl:text-4xl font-bold mb-2 lg:mb-3 2xl:mb-4">{LRFFlow.LOGIN.WELCOME_BACK}</h2>
                <p className="text-sm md:text-base xl:text-lg font-medium text-grey92">
                    {LRFFlow.LOGIN.PLEASE_LOGIN}
                </p>
            </div>

            <LoginForm staticContent={LRFFlow.LOGIN}/>
        </>
    )
}

export default page