{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/TextArea/value.tsx\";\n\nimport React, { useState } from 'react';\nimport { TextArea, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\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  var demoValueControlledTextArea = function demoValueControlledTextArea(e) {\n    setTextAreaValue(e.currentTarget.value);\n  };\n\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(TextArea, {\n    value: textAreaValue,\n    onChange: demoValueControlledTextArea,\n    w: \"75%\",\n    maxW: \"300\"\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","demoValueControlledTextArea","e","currentTarget","value"],"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,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACC,CAAD,EAAY;AAC9CF,IAAAA,gBAAgB,CAACE,CAAC,CAACC,aAAF,CAAgBC,KAAjB,CAAhB;AACD,GAFD;;AAGA,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,QAAD;AACE,IAAA,KAAK,EAAEL,aADT;AAEE,IAAA,QAAQ,EAAEE,2BAFZ;AAGE,IAAA,CAAC,EAAC,KAHJ;AAIE,IAAA,IAAI,EAAC;AAJP,IADF,CADF;AAUD,CAfM","sourcesContent":["import React, { useState } from 'react';\nimport { TextArea, Box } from 'native-base';\n\nexport const Example = () => {\n  const [textAreaValue, setTextAreaValue] = useState('Value Controlled');\n  const demoValueControlledTextArea = (e: any) => {\n    setTextAreaValue(e.currentTarget.value);\n  };\n  return (\n    <Box alignItems=\"center\">\n      <TextArea\n        value={textAreaValue}\n        onChange={demoValueControlledTextArea}\n        w=\"75%\"\n        maxW=\"300\"\n      />\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}