"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledLabel = exports.StyledTextArea = exports.StyledTextAreaWrapper = void 0;
const scrollbars_css_1 = require("../../../scrollbars.css");
const theme_1 = require("../../../theme");
const Input_css_1 = require("../input/Input.css");
const StyledTextAreaWrapper = (0, theme_1.styled)("div", Object.assign(Object.assign({}, Input_css_1.wrapper), { display: "block", padding: 0 }));
exports.StyledTextAreaWrapper = StyledTextAreaWrapper;
const StyledTextArea = (0, theme_1.styled)("textarea", Object.assign(Object.assign(Object.assign({}, scrollbars_css_1.miuiScrollbars), Input_css_1.input), { backgroundColor: "transparent", padding: `1.2em ${(0, theme_1.dimensionsPxToRem)(36)}`, height: "unset", resize: "vertical", minHeight: (0, theme_1.dimensionsPxToRem)(103) }));
exports.StyledTextArea = StyledTextArea;
const StyledLabel = (0, theme_1.styled)("label", Input_css_1.label, {
    top: `calc(${(0, theme_1.fontPxToRem)(25)} * 1.7)`,
    left: (0, theme_1.dimensionsPxToRem)(36),
    transform: "translateY(-50%)",
});
exports.StyledLabel = StyledLabel;
//# sourceMappingURL=TextArea.styled.js.map