import Tab from '@mui/material/Tab';
import { styled } from '@mui/material/styles';

const TabStyled = styled((props: { label?: string; icon: any}) => (
    <Tab disableRipple {...props} />
))(({ theme }) => ({
    minWidth: 'unset',
    textTransform: 'none',
    // fontWeight: theme.typography.fontWeightRegular,
    // fontSize: theme.typography.pxToRem(15),
    // marginRight: theme.spacing(1),
    color: '#1d2327', // somewhere from wp admin randomly picked
    '&.Mui-selected': {
      color: '#1d2327', // somewhere from wp admin randomly picked
    },
    '&.Mui-focusVisible': {
      backgroundColor: '#3858e980', // somewhere from wp admin randomly picked
    },
}));

export default TabStyled;