@gsretail.com/gui-core/build/esm/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"tslib";import a from"react";import{Box as t,TextField as i}from"@mui/material";import r from"./GuiTextarea.styled.js";var o=r((function(r){var o=r.label,s=r.labelWidth,u=r.labelTextAlign,n=r.required,m=r.width,d=r.size,c=r.rows,b=r.minRows,h=r.maxRows,p=r.autoHeight,w=r.placeholder,x=r.disabled,f=r.readOnly,g=r.autoFocus,v=r.className,R=r.boxProps,y=e(r,["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:m},R),o&&a.createElement(t,{minWidth:s},a.createElement("label",{className:["gui-label",u&&"textAlign-"+u,n&&"Mui-required"].join(" ")},o)),a.createElement(t,{flexGrow:1},a.createElement(i,l({value:y.value,variant:y.variant,size:d,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))))}));o.defaultProps={variant:"outlined",labelWidth:"auto",labelTextAlign:"left",width:"100%",size:"small"};export{o as GuiTextarea,o as default};