mirror of
https://github.com/Kingsrook/qqq-frontend-material-dashboard.git
synced 2025-07-18 13:20:43 +00:00
57 lines
1.5 KiB
TypeScript
57 lines
1.5 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 Icon from "@mui/material/Icon";
|
|
|
|
// Material Dashboard 2 PRO React TS components
|
|
import MDBox from "components/MDBox";
|
|
import MDTypography from "components/MDTypography";
|
|
import MDButton from "components/MDButton";
|
|
|
|
// Declaring props types for StatusCell
|
|
interface Props {
|
|
icon: string;
|
|
color:
|
|
| "primary"
|
|
| "secondary"
|
|
| "info"
|
|
| "success"
|
|
| "warning"
|
|
| "error"
|
|
| "dark"
|
|
| "light"
|
|
| "white"
|
|
| "default";
|
|
status: string;
|
|
}
|
|
|
|
function StatusCell({ icon, color, status }: Props): JSX.Element {
|
|
return (
|
|
<MDBox display="flex" alignItems="center">
|
|
<MDBox mr={1}>
|
|
<MDButton variant="outlined" color={color} size="small" iconOnly circular>
|
|
<Icon sx={{ fontWeight: "bold" }}>{icon}</Icon>
|
|
</MDButton>
|
|
</MDBox>
|
|
<MDTypography variant="caption" fontWeight="medium" color="text" sx={{ lineHeight: 0 }}>
|
|
{status}
|
|
</MDTypography>
|
|
</MDBox>
|
|
);
|
|
}
|
|
|
|
export default StatusCell;
|