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;
