import { createTheme } from '@mui/material/styles';
export const selectAutocompleteTheme = (outerTheme) => createTheme({
    ...outerTheme,
    components: {
        MuiFilledInput: {
            styleOverrides: {
                root: {
                    backgroundColor: 'white',
                    '&:before': {
                        display: 'none',
                    },
                    '&:after': {
                        display: 'none',
                    },
                },
            },
        },
        MuiAutocomplete: {
            styleOverrides: {
                root: {
                    border: '1px solid #EAEAEB',
                    borderRadius: '4px',
                    '& .MuiOutlinedInput-root': {
                        padding: '0px!important',
                        '& .MuiAutocomplete-input': {
                            fontSize: '16px',
                            fontWeight: '400',
                            lineHeight: '120%',
                            fontFamily: 'Work Sans, sans-serif',
                            '&::placeholder': {
                                color: '#707276',
                            },
                        },
                    },
                },
                option: {
                    color: '#000000',
                    fontSize: '16px',
                    fontWeight: '400',
                    lineHeight: '120%',
                    fontFamily: 'Work Sans, sans-serif',
                    '&:hover': {
                        backgroundColor: '#f5f5f5',
                    },
                },
            },
        },
        MuiInputLabel: {
            styleOverrides: {
                root: {
                    paddingLeft: '4px',
                    color: '#000000',
                    textTransform: 'uppercase',
                    fontSize: '12px',
                    fontWeight: '400',
                    lineHeight: '100%',
                    letterSpacing: '0.16px',
                    fontFamily: 'Work Sans, sans-serif',
                },
            },
        },
        MuiOutlinedInput: {
            styleOverrides: {
                root: {
                    backgroundColor: 'white',
                    border: '1px solid #EAEAEB',
                    borderRadius: '4px',
                    '& .MuiInputAdornment-root': {
                        marginRight: '24px',
                    },
                },
                notchedOutline: {
                    border: 'none',
                },
            },
        },
    },
});
