import { Select as MuiSelect } from '@mui/material';
import { inputBaseClasses } from '@mui/material/InputBase';
import { listItemIconClasses } from '@mui/material/ListItemIcon';
import { outlinedInputClasses } from '@mui/material/OutlinedInput';
import { selectClasses } from '@mui/material/Select';
import { styled } from '@mui/material/styles';
export const Select = styled(MuiSelect, {
    shouldForwardProp: (prop) => prop !== 'dense',
})(({ theme, dense }) => ({
    [`.${inputBaseClasses.input}`]: {
        padding: dense ? theme.spacing(1.625, 2, 1.5, 2) : theme.spacing(2),
        display: 'flex',
        alignItems: 'center',
    },
    [`.${selectClasses.icon}`]: {
        right: 10,
        color: theme.palette.text.primary,
    },
    [`.${listItemIconClasses.root}`]: {
        minWidth: 38,
    },
    [`.${outlinedInputClasses.notchedOutline}`]: {
        display: 'none',
    },
    backgroundColor: '#fff',
}));
