{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Input, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _React$useState = React.useState(''),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      value = _React$useState2[0],\n      setValue = _React$useState2[1];\n\n  var handleChange = function handleChange(text) {\n    return setValue(text);\n  };\n\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(Input, {\n    value: value,\n    w: \"100%\",\n    onChangeText: handleChange,\n    placeholder: \"Value Controlled Input\"\n  }));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Input/Controlled.tsx"],"names":["React","Input","Box","Example","useState","value","setValue","handleChange","text"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,GAAhB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACDH,KAAK,CAACI,QAAN,CAAe,EAAf,CADC;AAAA;AAAA,MACpBC,KADoB;AAAA,MACbC,QADa;;AAE3B,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD;AAAA,WAAkBF,QAAQ,CAACE,IAAD,CAA1B;AAAA,GAArB;;AACA,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,KAAD;AACE,IAAA,KAAK,EAAEH,KADT;AAEE,IAAA,CAAC,EAAC,MAFJ;AAGE,IAAA,YAAY,EAAEE,YAHhB;AAIE,IAAA,WAAW,EAAC;AAJd,IADF,CADF;AAUD,CAbM","sourcesContent":["import React from 'react';\nimport { Input, Box } from 'native-base';\n\nexport const Example = () => {\n  const [value, setValue] = React.useState('');\n  const handleChange = (text: string) => setValue(text);\n  return (\n    <Box alignItems=\"center\">\n      <Input\n        value={value}\n        w=\"100%\"\n        onChangeText={handleChange}\n        placeholder=\"Value Controlled Input\"\n      />\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}