(window.webpackJsonpvtex_styleguide_9_146_13=window.webpackJsonpvtex_styleguide_9_146_13||[]).push([["Textarea"],{0:function(e,t){e.exports=React},1503:function(e,t,a){"use strict";a.r(t),function(e){var t=a(8);a.p=Object(t.getPublicPath)("vtex.styleguide@9.146.13");var r=Object(t.register)((function(){return a(1584)}),e,"vtex.styleguide@9.146.13","vtex.styleguide@9.x","Textarea");r.renderHotReload,r.setupHMR}.call(this,a(16)(e))},1584:function(e,t,a){"use strict";a.r(t);var r=a(10),n=a(4),s=a(5),o=a(12),c=a(6),l=a(7),i=a(1),u=a(9),p=a(0),d=a.n(p),h=a(23);function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,r=Object(i.a)(e);if(t){var n=Object(i.a)(this).constructor;a=Reflect.construct(r,arguments,n)}else a=r.apply(this,arguments);return Object(l.a)(this,a)}}var f=function(e){Object(c.a)(a,e);var t=b(a);function a(e){var r;return Object(n.a)(this,a),r=t.call(this,e),Object(u.a)(Object(o.a)(r),"handleChange",(function(e){r.props.onChange&&r.props.onChange(e)})),Object(u.a)(Object(o.a)(r),"handleFocus",(function(e){r.setState({active:!0}),r.props.onFocus&&r.props.onFocus(e)})),Object(u.a)(Object(o.a)(r),"handleBlur",(function(e){r.setState({active:!1}),r.props.onBlur&&r.props.onBlur(e)})),r.state={active:!1},r}return Object(s.a)(a,[{key:"render",value:function(){for(var e=this.props,t=e.errorMessage,n=e.error,s=e.label,o=e.helpText,c=e.dataAttributes,l=e.children,i=e.maxLength,u=e.resize,p=e.size,h=this.state.active,b={},f=0,m=Object.keys(c);f<m.length;f++){var v=m[f];b["data-".concat(v)]=c[v]}var x="vtex-textarea__input ".concat("w-100"," ").concat("ma0 border-box"," ").concat("pv3 ph5"," ").concat("bw1 br2 b--solid outline-0"," ").concat("c-on-base t-small"," "),g="vtex-textarea__label db mb3 w-100 ";switch(h?x+="b--muted-2 ":n||t||(x+="b--muted-4 ",this.props.disabled||(x+="hover-b--muted-3 ")),(n||t)&&(x+="b--danger hover-b--danger "),this.props.disabled?x+="bg-disabled b--disabled c-disabled ":x+="bg-base ",p){case"small":x+="t-small ",g+="t-small ";break;case"large":default:x+="t-body ",g+="t-body "}return d.a.createElement("label",{className:"vtex-textarea"},s&&d.a.createElement("span",{className:g},s),d.a.createElement("textarea",Object(r.a)({},b,{onBlur:this.handleBlur,onFocus:this.handleFocus,onChange:this.handleChange,className:x,autoComplete:this.props.autoComplete,autoFocus:this.props.autoFocus,disabled:this.props.disabled,maxLength:this.props.maxLength,minLength:this.props.minLength,name:this.props.name,ref:this.props.forwardedRef,placeholder:this.props.placeholder,readOnly:this.props.readOnly,required:this.props.required,spellCheck:this.props.spellCheck,id:this.props.id,rows:this.props.rows,defaultValue:this.props.defaultValue,value:this.props.value,style:{resize:u,WebkitAppearance:"none"}}),l),d.a.createElement("div",{className:"flex justify-between"},d.a.createElement("div",null,t&&d.a.createElement("div",{className:"vtex-textarea__error c-danger t-small mt2 lh-title"},t),o&&d.a.createElement("div",{className:"vtex-textarea__help-text c-muted-1 t-small mt2 lh-title"},o)),i&&d.a.createElement(a.CharacterCountdown,{value:this.props.maxLength-this.props.value.length,text:this.props.characterCountdownText})))}}]),a}(p.Component);Object(u.a)(f,"CharacterCountdown",(function(e){var t="t-small mt2 lh-title ";return e.value<=10?t+="c-danger":t+="c-muted-1",d.a.createElement("div",{className:t},e.value," ",e.text)})),f.defaultProps={autoFocus:!1,dataAttributes:{},disabled:!1,label:"",readOnly:!1,resize:"both",size:"regular",error:!1,characterCountdownText:"characters left",rows:5};var m=Object(h.a)(f);t.default=m},23:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var r=a(10),n=a(0),s=a.n(n),o=a(3),c=a.n(o),l="undefined"==typeof window||void 0===window.Element?function(){}:window.Element;c.a.oneOfType([c.a.func,c.a.shape({current:c.a.instanceOf(l)})]);function i(e){var t=s.a.forwardRef((function(t,a){return s.a.createElement(e,Object(r.a)({},t,{forwardedRef:a}))}));return t.displayName=e.displayName||e.name,t}},3:function(e,t){e.exports=PropTypes}},[[1503,"common"]]]);