import colors from '../theme/colors.js';
import { borderRadius } from '../theme/borders.js';
import '../tslib.es6-20a2a300.js';

var MuiInput = {
    root: {
        backgroundColor: colors.input.main,
        borderRadius: borderRadius.primary,
        padding: "16px 20px",
        lineHeight: 1,
        "& input": {
            /* Chrome, Safari, Edge, Opera */
            "&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
                "-webkit-appearance": "none",
                margin: 0
            },
            /* Firefox */
            "&[type=number]": {
                "-moz-appearance": "textfield"
            }
        }
    },
    colorSecondary: {
        backgroundColor: colors.input.light
    },
    adornedEnd: {
        paddingRight: 0
    }
};

export { MuiInput as default };
