import { createTheme } from '@mui/material/styles';
export const selectFieldTheme = (outerTheme, { hasLabel = true, hasAddornments: hasAddorments = false, } = {}) => createTheme({
    ...outerTheme,
    components: {
        MuiFilledInput: {
            styleOverrides: {
                root: {
                    backgroundColor: 'white',
                    border: '1px solid #EAEAEB',
                    borderRadius: '4px',
                    paddingLeft: '16px',
                    paddingRight: '30px',
                    borderBottomLeftRadius: '4px',
                    borderBottomRightRadius: '4px',
                    height: '100%',
                    '&:before': {
                        display: 'none',
                    },
                    '&:after': {
                        display: 'none',
                    },
                },
            },
        },
        MuiNativeSelect: {
            styleOverrides: {
                select: {
                    display: 'flex',
                    alignItems: 'center',
                    padding: hasLabel ? '21px 0px 4px!important' : '8px 16px!important',
                    fontSize: '16px',
                    fontWeight: '400',
                    lineHeight: '120%',
                    letterSpacing: '0px',
                    fontFamily: 'Work Sans, sans-serif',
                },
                icon: {
                    marginRight: hasAddorments ? '24px' : '0px',
                },
            },
        },
        MuiSelect: {
            styleOverrides: {
                select: {
                    display: 'flex',
                    alignItems: 'center',
                    boxSizing: 'border-box',
                    minHeight: 'unset!important',
                    height: hasLabel ? '48px!important' : 'auto',
                    padding: hasLabel ? '21px 0px 4px!important' : '8px 16px!important',
                    fontSize: '16px',
                    fontWeight: '400',
                    lineHeight: '120%',
                    letterSpacing: '0px',
                    fontFamily: 'Work Sans, sans-serif',
                    whiteSpace: 'nowrap',
                    overflow: 'hidden',
                    textOverflow: 'ellipsis',
                    '&.MuiSelect-multiple': {
                        minHeight: 'unset!important',
                        height: hasLabel ? '48px!important' : 'auto',
                        padding: hasLabel ? '21px 0px 4px!important' : '8px 16px!important',
                    },
                },
                icon: {
                    marginRight: hasAddorments ? '24px' : '0px',
                },
            },
        },
        MuiInputLabel: {
            styleOverrides: {
                root: {
                    paddingLeft: '4px',
                    color: '#000000',
                    textTransform: 'uppercase',
                    fontSize: '12px',
                    fontWeight: '400',
                    lineHeight: '100%',
                    letterSpacing: '0.16px',
                    fontFamily: 'Work Sans, sans-serif',
                },
            },
        },
    },
});
