import PropTypes from 'prop-types';
import { Box, Container } from '@mui/material';
import StopIcon from '@mui/icons-material/DoDisturbAlt';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function StopBox({
  children,
  Icon = StopIcon
}) {
  return /*#__PURE__*/_jsxs(Container, {
    sx: {
      display: 'flex',
      flexDirection: 'column',
      justifyContent: 'center',
      alignItems: 'center',
      paddingTop: '10px',
      margin: '10px 0px'
    },
    children: [/*#__PURE__*/_jsx(Box, {
      sx: {
        opacity: 0.3,
        fontSize: 32
      },
      children: /*#__PURE__*/_jsx(Icon, {})
    }), /*#__PURE__*/_jsx(Box, {
      sx: {
        mb: 2,
        opacity: 0.7,
        fontSize: 'small',
        color: 'action'
      },
      children: children
    })]
  });
}
StopBox.propTypes = {
  children: PropTypes.node.isRequired,
  Icon: PropTypes.elementType
};
export default StopBox;