28 lines
572 B
TypeScript
28 lines
572 B
TypeScript
|
import { FC } from "react";
|
||
|
|
import { Box } from "@mui/material";
|
||
|
|
|
||
|
|
interface SetupModeWarningProps {
|
||
|
|
setupModeActive: boolean;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const SetupModeWarning: FC<SetupModeWarningProps> = ({
|
||
|
|
setupModeActive,
|
||
|
|
}) =>
|
||
|
|
setupModeActive ? (
|
||
|
|
<Box
|
||
|
|
sx={{
|
||
|
|
backgroundColor: "red",
|
||
|
|
textAlign: "center",
|
||
|
|
zIndex: 10000,
|
||
|
|
position: "absolute",
|
||
|
|
width: "100vw",
|
||
|
|
top: 0,
|
||
|
|
left: 0,
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Box component="h2" sx={{ color: "white", m: 0, p: 0 }}>
|
||
|
|
Setup Mode Active
|
||
|
|
</Box>
|
||
|
|
</Box>
|
||
|
|
) : null;
|