import { Tab as MuiTab, type TabProps } from '@mui/material';

import { makeStyles } from 'tss-react/mui';

const minTabHeight = 40;

const useStyles = makeStyles()(() => ({
  tab: {
    minHeight: minTabHeight,
    minWidth: 'unset',
    paddingBottom: 0,
    paddingTop: 0
  }
}));

const Tab = (props: TabProps): JSX.Element => {
  const { classes } = useStyles();

  return <MuiTab className={classes.tab} {...props} />;
};

export default Tab;
export { minTabHeight };