"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Wrapper = exports.TextArea = void 0;

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

var _templateObject, _templateObject2;

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 Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    min-height: 75px;\n    border-radius: 3px;\n    border: 1px solid #e6eaef;\n    transition: all .3s ease-in;\n    background: #f7f8fa;\n    overflow: hidden;\n\n    &:hover {\n        border-color: #2879ff;\n        /* box-shadow: 0 0 0 2px rgba(40, 121, 255, 0.2); */\n\n        textarea {\n            box-shadow: 0px 0px 6px 0px rgba(40, 121, 255, 0.3) inset;\n        }\n    }\n\n    &.error {\n        border-color: #F76964;\n\n        &:hover {\n            border-color: #F76964;\n\n            textarea {\n                box-shadow: 0px 0px 8px 0px rgba(247, 105, 100, 0.2) inset;\n            }\n            /* box-shadow: 0 0 0 2px rgba(247, 105, 100, 0.2); */\n\n            /* .ant-input:focus, \n            .ant-input-focused {\n                border-color: transparent;\n                box-shadow: none;\n\n                &:hover {\n                    border-color: transparent;\n                }\n            } */\n        }\n    }\n\n    /* .ant-input:focus, \n    .ant-input-focused {\n        border-color: #2879ff;\n        box-shadow: none;\n    } */\n"])));

exports.Wrapper = Wrapper;

var TextArea = _styledComponents["default"].textarea(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: calc(100% + 2px);\n    height: calc(100% + 2px);\n    margin-top: -1px;\n    margin-left: -1px;\n    padding: 8px 10px;\n    font-size: 14px;\n    line-height: 20px;\n    border-radius: 3px;\n    transition: all .3s ease-in;\n    background: #ffffff;\n    border-color: transparent;\n    box-sizing: border-box;\n    color: #3f4755;\n    display: block;\n    outline: none;\n    resize: none;\n\n    ::-webkit-input-placeholder{\n        color:#BFC7D5;\n    }\n    :-moz-placeholder{\n        color:#BFC7D5;\n    }\n    ::-moz-placeholder{\n        color:#BFC7D5;\n    }\n    :-ms-input-placeholder{\n        color:#BFC7D5;\n    }\n"])));

exports.TextArea = TextArea;