text: import Typography from "@material-ui/core/Typography";
  import Box from "@material-ui/core/Box";
  import PropTypes from "prop-types";
  import React from "react";
  
  function TabPanel(props) {
      const { children, value, index, withoutStyle, ...other } = props;
  
      return (
          <Typography
              component="div"
              role="tabpanel"
              hidden={value !== index}
              id={`vertical-tabpanel-${index}`}
              aria-labelledby={`vertical-tab-${index}`}
              {...other}
          >
              <Box mt={withoutStyle ? 2 : 0} p={!withoutStyle ? 2 : 0} bgcolor={!withoutStyle ? "background.level2" : ""} boxShadow={!withoutStyle ? 2 : 0}>{children}</Box>
          </Typography>
      );
  }
  
  TabPanel.propTypes = {
      children: PropTypes.node,
      index: PropTypes.any.isRequired,
      value: PropTypes.any.isRequired,
  };
  
  function a11yProps(index) {
      return {
          id: `vertical-tab-${index}`,
          'aria-controls': `vertical-tabpanel-${index}`,
      };
  }
  
  export { a11yProps, TabPanel }