@gsretail.com/gui-core/build/core/Input/GuiTextarea.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__rest as e,__assign as l}from"../../node_modules/tslib/tslib.es6.js";import a from"react";import{Box as t,TextField as i}from"@mui/material";import o from"./GuiTextarea.styled.js";var r=o((function(o){var r=o.label,s=o.labelWidth,u=o.labelTextAlign,n=o.required,d=o.width,m=o.size,c=o.rows,b=o.minRows,h=o.maxRows,p=o.autoHeight,w=o.placeholder,x=o.disabled,f=o.readOnly,g=o.autoFocus,v=o.className,R=o.boxProps,y=e(o,["label","labelWidth","labelTextAlign","required","width","size","rows","minRows","maxRows","autoHeight","placeholder","disabled","readOnly","autoFocus","className","boxProps"]);return a.createElement(t,l({className:["gui-form gui-input",p&&"autoHeight",v&&v].join(" "),width:d},R),r&&a.createElement(t,{minWidth:s},a.createElement("label",{className:["gui-label",u&&"textAlign-"+u,n&&"Mui-required"].join(" ")},r)),a.createElement(t,{flexGrow:1},a.createElement(i,l({value:y.value,variant:y.variant,size:m,placeholder:w,fullWidth:!0,disabled:x,InputProps:{autoFocus:!!g,className:f?"Gui-readonly":null,readOnly:f},multiline:!0,rows:c,minRows:c?null:b,maxRows:c?null:h},y))))}));r.defaultProps={variant:"outlined",labelWidth:"auto",labelTextAlign:"left",width:"100%",size:"small"};export{r as GuiTextarea,r as default};