mirror of
https://github.com/D4M13N-D3V/comissions-app-ui.git
synced 2025-03-14 08:15:08 +00:00
29 lines
1019 B
TypeScript
29 lines
1019 B
TypeScript
|
// ** MUI Imports
|
||
|
|
import Card from '@mui/material/Card'
|
||
|
|
import Button from '@mui/material/Button'
|
||
|
|
import CardMedia from '@mui/material/CardMedia'
|
||
|
|
import Typography from '@mui/material/Typography'
|
||
|
|
import CardContent from '@mui/material/CardContent'
|
||
|
|
|
||
|
|
const CardAppleWatch = () => {
|
||
|
|
return (
|
||
|
|
<Card>
|
||
|
|
<CardMedia sx={{ height: '9.375rem' }} image='/images/cards/watch-on-hand.jpg' />
|
||
|
|
<CardContent sx={{ padding: theme => `${theme.spacing(3, 5.25, 4)} !important` }}>
|
||
|
|
<Typography variant='h6' sx={{ marginBottom: 2 }}>
|
||
|
|
Apple Watch
|
||
|
|
</Typography>
|
||
|
|
<Typography sx={{ marginBottom: 2 }}>$249.40</Typography>
|
||
|
|
<Typography variant='body2'>
|
||
|
|
3.1GHz 6-core 10th-generation Intel Core i5 processor, Turbo Boost up to 4.5GHz
|
||
|
|
</Typography>
|
||
|
|
</CardContent>
|
||
|
|
<Button variant='contained' sx={{ py: 2.5, width: '100%', borderTopLeftRadius: 0, borderTopRightRadius: 0 }}>
|
||
|
|
Add To Cart
|
||
|
|
</Button>
|
||
|
|
</Card>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default CardAppleWatch
|