"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TextareaWrapper = exports.TextareaWarning = exports.TextareaPlaceholder = exports.Textarea = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _templateObject, _templateObject2, _templateObject3, _templateObject4;

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var TextareaWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));

exports.TextareaWrapper = TextareaWrapper;

var Textarea = _styledComponents["default"].textarea(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: calc(100% - 18px);\n  max-height: ", ";\n  height: ", ";\n  margin-top: 5px;\n  padding: 6px 8px;\n  border: 1px solid #E4EBF0;\n  border-radius: 5px;\n  transition: all .3s ease-in-out;\n  resize: none;\n  color: #03101A;\n\n  &.actived {\n    border-color: #2879ff !important;\n    /* box-shadow: 0 0 2px 1px #96d0fa; */\n  }\n\n  &:hover {\n    border-color: #1b6cf1 !important;\n  }\n"])), function (p) {
  return "".concat(p.maxHeight, "px");
}, function (p) {
  return "".concat(p.height, "px");
});

exports.Textarea = Textarea;

var TextareaPlaceholder = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: #C2CBD1;\n  position: absolute;\n  top: 11px;\n  left: 8px;\n"])));

exports.TextareaPlaceholder = TextareaPlaceholder;

var TextareaWarning = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-bottom: 7px;\n  line-height: 1;\n  font-size: 12px;\n  color: #CC2929;\n"])));

exports.TextareaWarning = TextareaWarning;