mirror of
https://github.com/D4M13N-D3V/comissions-app-ui.git
synced 2025-03-14 08:15:08 +00:00
44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
|
// ** MUI Imports
|
||
|
|
import Card from '@mui/material/Card'
|
||
|
|
import Avatar from '@mui/material/Avatar'
|
||
|
|
import Button from '@mui/material/Button'
|
||
|
|
import Typography from '@mui/material/Typography'
|
||
|
|
import CardContent from '@mui/material/CardContent'
|
||
|
|
|
||
|
|
// ** Icons Imports
|
||
|
|
import HelpCircleOutline from 'mdi-material-ui/HelpCircleOutline'
|
||
|
|
|
||
|
|
const CardSupport = () => {
|
||
|
|
return (
|
||
|
|
<Card>
|
||
|
|
<CardContent
|
||
|
|
sx={{
|
||
|
|
display: 'flex',
|
||
|
|
textAlign: 'center',
|
||
|
|
alignItems: 'center',
|
||
|
|
flexDirection: 'column',
|
||
|
|
padding: theme => `${theme.spacing(9.75, 5, 9.25)} !important`
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Avatar
|
||
|
|
sx={{ width: 50, height: 50, marginBottom: 2.25, color: 'common.white', backgroundColor: 'primary.main' }}
|
||
|
|
>
|
||
|
|
<HelpCircleOutline sx={{ fontSize: '2rem' }} />
|
||
|
|
</Avatar>
|
||
|
|
<Typography variant='h6' sx={{ marginBottom: 2.75 }}>
|
||
|
|
Support
|
||
|
|
</Typography>
|
||
|
|
<Typography variant='body2' sx={{ marginBottom: 6 }}>
|
||
|
|
According to us blisters are a very common thing and we come across them very often in our daily lives. It is
|
||
|
|
a very common occurrence like cold or fever depending upon your lifestyle.
|
||
|
|
</Typography>
|
||
|
|
<Button variant='contained' sx={{ padding: theme => theme.spacing(1.75, 5.5) }}>
|
||
|
|
Contact Now
|
||
|
|
</Button>
|
||
|
|
</CardContent>
|
||
|
|
</Card>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default CardSupport
|