39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
// @mui
|
|
import { Grid, Button, Divider, Typography } from '@mui/material';
|
|
// components
|
|
import Iconify from '../../components/Iconify';
|
|
|
|
// ----------------------------------------------------------------------
|
|
|
|
export default function AuthFirebaseSocial() {
|
|
return (
|
|
<>
|
|
<Grid container spacing={2}>
|
|
<Grid item xs>
|
|
<Button fullWidth size="large" color="inherit" variant="outlined">
|
|
<Iconify icon={'eva:google-fill'} color="#DF3E30" width={24} height={24} />
|
|
</Button>
|
|
</Grid>
|
|
|
|
<Grid item xs>
|
|
<Button fullWidth size="large" color="inherit" variant="outlined">
|
|
<Iconify icon={'eva:facebook-fill'} color="#1877F2" width={24} height={24} />
|
|
</Button>
|
|
</Grid>
|
|
|
|
<Grid item xs>
|
|
<Button fullWidth size="large" color="inherit" variant="outlined">
|
|
<Iconify icon={'eva:twitter-fill'} color="#1C9CEA" width={24} height={24} />
|
|
</Button>
|
|
</Grid>
|
|
</Grid>
|
|
|
|
<Divider sx={{ my: 3 }}>
|
|
<Typography variant="body2" sx={{ color: 'text.secondary' }}>
|
|
OR
|
|
</Typography>
|
|
</Divider>
|
|
</>
|
|
);
|
|
}
|