import Head from "next/head";
import ResetPasswordForm from "@/components/ui/form/ResetPasswordForm";

interface Props {
  token: string | null;
}

export default function ResetPassword(props: Props) {
  return (
    <>
      <Head>
        <title>Reset Password | Draydex</title>
      </Head>
      <div className="container-fluid">
        <div className="row">
          <div className="card card0" id="login_page">
            <div className="d-flex login_body">
              <ResetPasswordForm passwordResetToken={props} />
              <div className="card card2"></div>
            </div>
          </div>
        </div>
      </div>
    </>
  );
}

export function getServerSideProps(context: any) {
  const { query } = context;
  return {
    props: {
      token: query?.token,
      user_type: query?.user_type,
    },
  };
}
