import { PersonalInformation } from '../components/userInformation/PersonalInformation';
import { PhoneNumber } from '../components/userInformation/PhoneNumber';
import { SocialMedia } from '../components/userInformation/SocialMedia';
import { Box } from '@mui/material';

export function UserInformationPage() {
  return (
    <>
      <Box component={'div'} id="info">
        <PersonalInformation />
      </Box>
      <Box component={'div'} id="contact-info">
        <PhoneNumber />
      </Box>
      <Box component={'div'} id="email">
        <SocialMedia />
      </Box>
    </>
  );
}
