import { FlexBox } from '@/components/common/FlexBox';
import Logo from '@/components/Logo';
import { AccountCreated } from '../components/AccountCreated/AccountCreated';

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