import { FlexBox } from '@/components/components/common/FlexBox';
import Logo from '@/components/Logo';
import { Paper } from '@mui/material';
import { useState } from 'react';
import { AuthenticationSteps } from '../components/AuthenticationSteps/AuthenticationSteps';
import { ForgetPasswordContainer } from '../components/ForgetPassword/ForgetPasswordContainer';

export function AuthenticationPage() {
  return (
    <FlexBox
      direction="column"
      align="center"
      justify="center"
      sx={{
        minHeight: '100vh',
        gap: 3,
      }}
    >
      <Logo />
      <AuthenticationSteps />
    </FlexBox>
  );
}
