mirror of
https://github.com/clash-verge-rev/clash-verge-rev
synced 2025-05-06 07:03:45 +08:00
30 lines
706 B
TypeScript
30 lines
706 B
TypeScript
import { alpha, Box, Typography } from "@mui/material";
|
|
import { InboxRounded } from "@mui/icons-material";
|
|
|
|
interface Props {
|
|
text?: React.ReactNode;
|
|
extra?: React.ReactNode;
|
|
}
|
|
|
|
export const BaseEmpty = (props: Props) => {
|
|
const { text = "Empty", extra } = props;
|
|
|
|
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" }}>{text}</Typography>
|
|
{extra}
|
|
</Box>
|
|
);
|
|
};
|