32 lines
796 B
TypeScript
32 lines
796 B
TypeScript
import { alpha, Box, Typography } from "@mui/material";
|
|
import { InboxRounded } from "@mui/icons-material";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
interface Props {
|
|
text?: React.ReactNode;
|
|
extra?: React.ReactNode;
|
|
}
|
|
|
|
export const BaseEmpty = (props: Props) => {
|
|
const { text = "Empty", extra } = props;
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<Box
|
|
sx={({ palette }) => ({
|
|
width: "100%",
|
|
height: "100%",
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
color: alpha(palette.text.secondary, 0.75),
|
|
})}
|
|
>
|
|
<InboxRounded sx={{ fontSize: "4em" }} />
|
|
<Typography sx={{ fontSize: "1.25em" }}>{t(`${text}`)}</Typography>
|
|
{extra}
|
|
</Box>
|
|
);
|
|
};
|