"use client";

// plane imports
import { EAuthModes } from "@plane/constants";
// components
import { ResetPasswordForm } from "@/components/account/auth-forms/reset-password";
import { AuthHeader } from "@/components/auth-screens/header";
// helpers
import { EPageTypes } from "@/helpers/authentication.helper";
// layouts
import DefaultLayout from "@/layouts/default-layout";
import { AuthenticationWrapper } from "@/lib/wrappers/authentication-wrapper";

const SetPasswordPage = () => (
  <DefaultLayout>
    <AuthenticationWrapper pageType={EPageTypes.SET_PASSWORD}>
      <div className="relative z-10 flex flex-col items-center w-screen h-screen overflow-hidden overflow-y-auto pt-6 pb-10 px-8">
        <AuthHeader type={EAuthModes.SIGN_IN} />
        <ResetPasswordForm />
      </div>
    </AuthenticationWrapper>
  </DefaultLayout>
);

export default SetPasswordPage;