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
};