import Typography from '@mui/material/Typography'; import { Link } from 'react-router-dom'; import AvatarGroup from '@mui/material/AvatarGroup'; import Avatar from '@mui/material/Avatar'; import Box from '@mui/material/Box'; import Paper from '@mui/material/Paper'; import Tabs from '@mui/material/Tabs'; import Tab from '@mui/material/Tab'; import { useState } from 'react'; import _ from '../../../@lodash/@lodash'; import JwtSignUpTab from './tabs/JwSignUpTab'; import FirebaseSignUpTab from './tabs/FirebaseSignUpTab'; const tabs = [ { id: 'jwt', title: 'JWT', logo: 'assets/images/logo/jwt.svg', logoClass: 'h-40 p-4 bg-black rounded-12' }, { id: 'firebase', title: 'Firebase', logo: 'assets/images/logo/firebase.svg', logoClass: 'h-40' } ]; /** * The sign up page. */ function SignUpPage() { const [selectedTabId, setSelectedTabId] = useState(tabs[0].id); function handleSelectTab(id: string) { setSelectedTabId(id); } return (