"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MuiTextField = void 0;
const ButtonBase_1 = require("@mui/material/ButtonBase");
const FormLabel_1 = require("@mui/material/FormLabel");
const InputBase_1 = require("@mui/material/InputBase");
const SvgIcon_1 = require("../../SvgIcon");
const Tag_1 = require("../../Tag");
exports.MuiTextField = {
    styleOverrides: {
        root({ theme }) {
            return {
                [`& .${InputBase_1.inputBaseClasses.adornedStart}`]: {
                    paddingLeft: theme.spacing(3),
                    [`& .${SvgIcon_1.svgIconClassnames.root}:not(.${Tag_1.tagClassnames.root} .${SvgIcon_1.svgIconClassnames.root})`]: {
                        width: 20,
                        height: 20,
                        [`${theme.breakpoints.down('sm')}`]: {
                            width: 24,
                            height: 24,
                        },
                    },
                    [`& .${ButtonBase_1.buttonBaseClasses.root}:not(.${Tag_1.tagClassnames.root} > .${ButtonBase_1.buttonBaseClasses.root})`]: {
                        width: 20,
                        height: 20,
                        padding: 0,
                        borderRadius: theme.shape.small,
                        [`${theme.breakpoints.down('sm')}`]: {
                            width: 24,
                            height: 24,
                        },
                    },
                },
                [`& .${InputBase_1.inputBaseClasses.adornedEnd}`]: {
                    paddingRight: theme.spacing(3),
                    [`& .${SvgIcon_1.svgIconClassnames.root}:not(.${Tag_1.tagClassnames.root} .${SvgIcon_1.svgIconClassnames.root})`]: {
                        width: 20,
                        height: 20,
                        [`${theme.breakpoints.down('sm')}`]: {
                            width: 24,
                            height: 24,
                        },
                    },
                    [`& .${ButtonBase_1.buttonBaseClasses.root}:not(.${Tag_1.tagClassnames.root} > .${ButtonBase_1.buttonBaseClasses.root})`]: {
                        width: 20,
                        height: 20,
                        padding: 0,
                        borderRadius: theme.shape.small,
                        [`${theme.breakpoints.down('sm')}`]: {
                            width: 24,
                            height: 24,
                        },
                    },
                },
                [`& .${FormLabel_1.formLabelClasses.root}`]: {
                    marginBottom: theme.spacing(1),
                    color: theme.palette.grey[800],
                    '&.Mui-disabled': {
                        color: theme.palette.grey[500],
                    },
                    '&.Mui-focused': {
                        color: theme.palette.grey[800],
                    },
                    '&.Mui-error': {
                        color: theme.palette.grey[800],
                    },
                },
                '&.Mui-disabled': {
                    [`${InputBase_1.inputBaseClasses.input}::placeholder`]: {
                        color: theme.palette.grey[900],
                    },
                },
            };
        },
    },
};
