codekingpro/portable-devtools

1import React from 'react';2import { Box } from '@mui/material';3import InfoRoundedIcon from '@mui/icons-material/InfoRounded';4import { makeStyles } from '@mui/styles';5import PropTypes from 'prop-types';6 7const useStyles = makeStyles((theme)=>({8  root: {9    color: theme.palette.text.primary,10    margin: '24px auto 12px',11    fontSize: '0.8rem',12    display: 'flex',13    alignItems: 'center',14    justifyContent: 'center',15    height: '100%',16  },17}));18 19export default function EmptyPanelMessage({text, style}) {20  const classes = useStyles();21  return (22    <Box className={classes.root} style={style}>23      <InfoRoundedIcon style={{height: '1.2rem'}}/>24      <span style={{marginLeft: '4px'}}>{text}</span>25    </Box>26  );27}28EmptyPanelMessage.propTypes = {29  text: PropTypes.string,30  style: PropTypes.object,31};32