29 lines
842 B
TypeScript
29 lines
842 B
TypeScript
import * as React from "react";
|
|
import Card from "@mui/material/Card";
|
|
import CardContent from "@mui/material/CardContent";
|
|
import Button from "@mui/material/Button";
|
|
import Typography from "@mui/material/Typography";
|
|
import AutoAwesomeRoundedIcon from "@mui/icons-material/AutoAwesomeRounded";
|
|
|
|
export default function CardAlert() {
|
|
return (
|
|
<Card variant="outlined" sx={{ m: 1.5, p: 1.5 }}>
|
|
<CardContent>
|
|
<AutoAwesomeRoundedIcon fontSize="small" />
|
|
<Typography gutterBottom sx={{ fontWeight: 600 }}>
|
|
Plan about to expire
|
|
</Typography>
|
|
<Typography
|
|
variant="body2"
|
|
sx={{ mb: 2, color: "text.secondary" }}
|
|
>
|
|
Enjoy 10% off when renewing your plan today.
|
|
</Typography>
|
|
<Button variant="contained" size="small" fullWidth>
|
|
Get the discount
|
|
</Button>
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|