import React from 'react';
import Image from 'next/image';

import { Grid } from '@/mui/components';

import logo from '@/assets/img/logo.png';

import styles from './InfoNeedSelectAccount.module.scss';

function InfoNeedSelectAccount() {
  return (
    <Grid container alignContent="space-around" justifyContent="center">
      <Grid item className={styles.SelectAccountWrapper}>
        <Image src={logo} alt="logo" className={styles.Logo} width={200} height={50} />
        <div className={styles.InfoText}>Select an Account</div>
      </Grid>
    </Grid>
  );
}

export default InfoNeedSelectAccount;
