{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React, { useState } from 'react';\nimport { TextArea, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  var _useState = useState('Value Controlled'),\n      _useState2 = _slicedToArray(_useState, 2),\n      textAreaValue = _useState2[0],\n      setTextAreaValue = _useState2[1];\n\n  return _jsx(Box, {\n    alignItems: \"center\",\n    w: \"100%\",\n    children: _jsx(TextArea, {\n      value: textAreaValue,\n      onChange: function onChange(e) {\n        return setTextAreaValue(e.currentTarget.value);\n      },\n      onChangeText: function onChangeText(text) {\n        return setTextAreaValue(text);\n      },\n      w: \"75%\",\n      maxW: \"300\"\n    })\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/TextArea/value.tsx"],"names":["React","useState","TextArea","Box","Example","textAreaValue","setTextAreaValue","e","currentTarget","value","text"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,QAAT,EAAmBC,GAAnB;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,kBACeH,QAAQ,CAAC,kBAAD,CADvB;AAAA;AAAA,MACpBI,aADoB;AAAA,MACLC,gBADK;;AAE3B,SACE,KAAC,GAAD;AAAK,IAAA,UAAU,EAAC,QAAhB;AAAyB,IAAA,CAAC,EAAC,MAA3B;AAAA,cACE,KAAC,QAAD;AACE,MAAA,KAAK,EAAED,aADT;AAEE,MAAA,QAAQ,EAAE,kBAACE,CAAD;AAAA,eAAYD,gBAAgB,CAACC,CAAC,CAACC,aAAF,CAAgBC,KAAjB,CAA5B;AAAA,OAFZ;AAGE,MAAA,YAAY,EAAE,sBAACC,IAAD;AAAA,eAAeJ,gBAAgB,CAACI,IAAD,CAA/B;AAAA,OAHhB;AAIE,MAAA,CAAC,EAAC,KAJJ;AAKE,MAAA,IAAI,EAAC;AALP;AADF,IADF;AAWD,CAbM","sourcesContent":["import React, { useState } from 'react';\nimport { TextArea, Box } from 'native-base';\n\nexport const Example = () => {\n  const [textAreaValue, setTextAreaValue] = useState('Value Controlled');\n  return (\n    <Box alignItems=\"center\" w=\"100%\">\n      <TextArea\n        value={textAreaValue}\n        onChange={(e: any) => setTextAreaValue(e.currentTarget.value)} // for web\n        onChangeText={(text: any) => setTextAreaValue(text)} // for android and ios\n        w=\"75%\"\n        maxW=\"300\"\n      />\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}