@royyanbach-mhg-test/material-tailwind-react/theme/components/textarea/index.js

@material-tailwind/react is an easy-to-use components library for ReactJS & Tailwind CSS inspired by Material Design.

import textareaOutlined from"./textareaOutlined";import textareaStandard from"./textareaStandard";import textareaStatic from"./textareaStatic";import{propTypesVariant,propTypesSize,propTypesColor}from"../../../types/components/input";export var textarea={defaultProps:{variant:"outlined",size:"md",color:"gray",label:"",error:false,success:false,resize:true,labelProps:undefined,containerProps:undefined,shrink:false,className:""},valid:{variants:propTypesVariant,sizes:propTypesSize,colors:propTypesColor},styles:{base:{container:{position:"relative",width:"w-full",minWidth:"min-w-[200px]"},textarea:{peer:"peer",width:"w-full",height:"h-full",minHeight:"min-h-[100px]",bg:"bg-transparent",color:"text-blue-gray-700",fontFamily:"font-sans",fontWeight:"font-normal",outline:"outline outline-0 focus:outline-0",resize:"resize-y",disabled:"disabled:bg-blue-gray-50 disabled:border-0 disabled:resize-none disabled:cursor-not-allowed",transition:"transition-all"},label:{display:"flex",width:"w-full",height:"h-full",userSelect:"select-none",pointerEvents:"pointer-events-none",position:"absolute",left:"left-0",fontWeight:"font-normal",color:"peer-placeholder-shown:text-blue-gray-500",lineHeight:"leading-tight peer-focus:leading-tight",disabled:"peer-disabled:text-transparent peer-disabled:peer-placeholder-shown:text-blue-gray-500",transition:"transition-all"},asterisk:{display:"inline-block",color:"text-red-500",ml:"ml-0.5"}},variants:{outlined:textareaOutlined,standard:textareaStandard,static:textareaStatic}}};export default textarea;