"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TextArea = exports.TextInput = void 0;
var colors_1 = require("../../base/colors");
var text_1 = require("../../base/text");
var material_1 = require("@mui/material");
var styles_1 = require("@mui/styles");
var react_1 = __importDefault(require("react"));
var useStyles = styles_1.makeStyles(function () { return ({
    root: {
        padding: "0px",
        borderColor: "blue",
        "& .MuiOutlinedInput-root": {
            "& fieldset": {
                borderColor: colors_1.grey.standard,
            },
            "&:hover fieldset": {
                borderColor: colors_1.green.light,
                boxShadow: "0px 2px 6px 1px rgba(135, 153, 153, 0.32)",
            },
            "&.Mui-focused fieldset": {
                borderColor: colors_1.green.light,
                borderWidth: "1px",
            },
        },
        "& .MuiOutlinedInput-root.Mui-error": {
            "&:hover fieldset": {
                borderColor: colors_1.red.light,
                boxShadow: "0px 2px 6px 1px rgba(60, 19, 27, 0.32)",
            },
            "&.Mui-focused fieldset": {
                borderColor: colors_1.red.light,
                borderWidth: "1px",
            },
        },
        fontSize: text_1.fontSize[2],
    },
    input: {
        padding: "10px",
        background: "white",
        color: colors_1.text.primary,
    },
    multiline: {
        padding: 0,
    },
}); });
var TextInput = function (props) {
    var _a;
    var classes = useStyles();
    return (react_1.default.createElement(material_1.TextField, __assign({}, props, { classes: { root: classes.root }, variant: "outlined", InputProps: __assign(__assign({}, props.InputProps), { classes: __assign({ input: classes.input, multiline: classes.multiline, inputMultiline: classes.input }, (((_a = props.InputProps) === null || _a === void 0 ? void 0 : _a.classes) || {})) }) })));
};
exports.TextInput = TextInput;
var TextArea = function (props) { return (react_1.default.createElement(exports.TextInput, __assign({ rows: 3, multiline: true }, props))); };
exports.TextArea = TextArea;
//# sourceMappingURL=TextInput.js.map