import { Grid , Box , Button } from "@material-ui/core" ; import GoogleIcon from "../components/GoogleIcon" ; import Logo from "../components/Logo" ; import useHomeStyles from "../styles/home" ; import authStore from "../stores/auth" ; import Presentation from "../components/Presentation" ; import ThemeSwitcher from "../components/ThemeSwitcher" ; export default function Anonymous ( ) { const classes = useHomeStyles ( ) ; return ( < Grid container spacing = { 0 } className = { classes . root } > < Box clone order = { { xs : 2 , sm : 2 , md : 1 } } > < Grid item xs = { 12 } md = { 6 } className = { classes . presentation } > < Presentation /> < /Grid> < /Box> < Box clone order = { { xs : 1 , sm : 1 , md : 2 } } > < Grid xs = { 12 } item md = { 6 } className = { classes . joinRoom } > < div className = { classes . menuContainer } > < ThemeSwitcher /> < /div> < Logo verticalMargin / > < Button onClick = { authStore . signInWithGoogle } variant = "outlined" fullWidth > < GoogleIcon /> Entrar com o Google < /Button> < /Grid> < /Box> < /Grid>); }