@legion-ui-kit/react-core/dist/cjs/components/TextArea/index.cjs

<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("classnames"),s=require("./styles/styles.module.scss.cjs"),l=require("../Icon/index.cjs"),r=require("../../helpers/typography.cjs"),i=require("./TextArea.constant.cjs"),c=require("../Icon/Icon.constant.cjs");function u(e){return e&&e.__esModule?e:{default:e}}var n=u(a);exports.default=a=>{const{block:u,caption:d,captionClassName:_,captionStyle:o,className:p,disabled:f,hint:x,hintClassName:A,hintStyle:h,id:N,inputClassName:T,inputStyle:m,inputWrapperClassName:E,inputWrapperStyle:y,label:j,labelClassName:b,labelStyle:S,placeholder:R,size:v=i.TEXT_AREA_DEFAULT_PROPS.size,status:C=i.TEXT_AREA_DEFAULT_PROPS.status,style:g,variant:q=i.TEXT_AREA_DEFAULT_PROPS.variant,...I}=a,w=t.useId(),O=N||`legion_textarea_${r.kebabCase(w)}`,P=q===i.TEXT_AREA_VARIANT.outline,X=n.default(s.default.legion_text_area,s.default[v],s.default[C],p,{[s.default.block]:u,[s.default.disabled]:f,[s.default[q]]:q}),M=n.default(s.default.text_area_caption,_),U=n.default(s.default.text_area_hint,A),k=n.default(s.default.input_wrapper,E),F=n.default(s.default.text_area_input,T),D=n.default(s.default.text_area_label,b),L=(e=>{switch(e){case i.TEXT_AREA_STATUS.error:return c.ICON_NAME["error-triangle"];case i.TEXT_AREA_STATUS.success:return c.ICON_NAME["success-circle"];default:return c.ICON_NAME["info-circle"]}})(C);return e.jsxs("div",{className:X,style:g,children:[j&&e.jsx("label",{htmlFor:O,className:D,style:S,children:j}),e.jsxs("div",{className:k,style:y,children:[e.jsx("textarea",{className:F,id:O,placeholder:R,disabled:f,style:m,...I}),P&&e.jsx("svg",{className:s.default.text_area_outline,xmlns:"http://www.w3.org/2000/svg",children:e.jsx("rect",{height:"100%",width:"100%",strokeWidth:"2px",fill:"none"})})]}),d&&e.jsxs("p",{className:M,style:o,children:[e.jsx(l.default,{className:s.default.caption_icon,icon:L}),d]}),x&&e.jsx("p",{className:U,style:h,children:x})]})};
//# sourceMappingURL=index.cjs.map