import React, { useEffect, useRef, useState } from "react";
import Box from "@mui/material/Box";
import useMediaQuery from "@mui/material/useMediaQuery";
import { SxProps, useTheme } from "@mui/material/styles";

import "./ComingSoon.css";

type ComingSoonProps = {
  children?: React.ReactNode;
};

const ComingSoon: React.FC<ComingSoonProps> = (props: ComingSoonProps) => {
  const { children } = props;
  const theme = useTheme();
  return (
    <Box className="ComingSoon">
      <Box className="ComingSoon-label">Coming Soon</Box>
      {children}
    </Box>
  );
};

export { ComingSoon };