import { borderRadius } from '../theme/borders.js';
import boxShadow from '../theme/boxShadow.js';

var MuiAutocomplete = {
    root: {
        "& .MuiFilledInput-root": {
            padding: "16px 24px",
            "&.MuiInputBase-sizeSmall": {
                padding: "12px 16px"
            },
            "& .MuiFilledInput-input": {
                padding: 0
            }
        },
        "& .MuiFormControl-root": {
            paddingBottom: "4px !important"
        }
    },
    paper: {
        borderRadius: borderRadius.md,
        marginTop: "16px !important",
        boxShadow: boxShadow.lg + " !important",
        ".select-autocomplete-popper &": {
            marginTop: "-1px !important",
            borderRadius: "0 0 " + borderRadius.md + "px " + borderRadius.md + "px"
        }
    }
};

export { MuiAutocomplete as default };
