mirror of
https://github.com/Kingsrook/qqq-frontend-material-dashboard.git
synced 2025-07-17 21:00:45 +00:00
58 lines
1.8 KiB
TypeScript
58 lines
1.8 KiB
TypeScript
/**
|
|
=========================================================
|
|
* Material Dashboard 2 PRO React TS - v1.0.0
|
|
=========================================================
|
|
|
|
* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts
|
|
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
|
|
|
|
Coded by www.creative-tim.com
|
|
|
|
=========================================================
|
|
|
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
*/
|
|
|
|
// @mui material components
|
|
import Card from "@mui/material/Card";
|
|
|
|
// Material Dashboard 2 PRO React TS components
|
|
import MDBox from "components/MDBox";
|
|
import MDTypography from "components/MDTypography";
|
|
import MDButton from "components/MDButton";
|
|
|
|
function DeleteAccount(): JSX.Element {
|
|
return (
|
|
<Card id="delete-account">
|
|
<MDBox
|
|
pr={3}
|
|
display="flex"
|
|
justifyContent="space-between"
|
|
alignItems={{ xs: "flex-start", sm: "center" }}
|
|
flexDirection={{ xs: "column", sm: "row" }}
|
|
>
|
|
<MDBox p={3} lineHeight={1}>
|
|
<MDBox mb={1}>
|
|
<MDTypography variant="h5">Delete Account</MDTypography>
|
|
</MDBox>
|
|
<MDTypography variant="button" color="text">
|
|
Once you delete your account, there is no going back. Please be certain.
|
|
</MDTypography>
|
|
</MDBox>
|
|
<MDBox display="flex" flexDirection={{ xs: "column", sm: "row" }}>
|
|
<MDButton variant="outlined" color="secondary">
|
|
deactivate
|
|
</MDButton>
|
|
<MDBox ml={{ xs: 0, sm: 1 }} mt={{ xs: 1, sm: 0 }}>
|
|
<MDButton variant="gradient" color="error" sx={{ height: "100%" }}>
|
|
delete account
|
|
</MDButton>
|
|
</MDBox>
|
|
</MDBox>
|
|
</MDBox>
|
|
</Card>
|
|
);
|
|
}
|
|
|
|
export default DeleteAccount;
|