{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Input } 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 _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(event) {\n    return setValue(event.target.value);\n  };\n\n  return _jsx(Input, {\n    value: value,\n    w: {\n      base: '75%',\n      md: '25%'\n    },\n    onChange: 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","Example","useState","value","setValue","handleChange","event","target","base","md"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACDF,KAAK,CAACG,QAAN,CAAe,EAAf,CADC;AAAA;AAAA,MACpBC,KADoB;AAAA,MACbC,QADa;;AAE3B,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD;AAAA,WAAgBF,QAAQ,CAACE,KAAK,CAACC,MAAN,CAAaJ,KAAd,CAAxB;AAAA,GAArB;;AACA,SACE,KAAC,KAAD;AACE,IAAA,KAAK,EAAEA,KADT;AAEE,IAAA,CAAC,EAAE;AAAEK,MAAAA,IAAI,EAAE,KAAR;AAAeC,MAAAA,EAAE,EAAE;AAAnB,KAFL;AAGE,IAAA,QAAQ,EAAEJ,YAHZ;AAIE,IAAA,WAAW,EAAC;AAJd,IADF;AAQD,CAXM","sourcesContent":["import React from 'react';\nimport { Input } from 'native-base';\n\nexport const Example = () => {\n  const [value, setValue] = React.useState('');\n  const handleChange = (event: any) => setValue(event.target.value);\n  return (\n    <Input\n      value={value}\n      w={{ base: '75%', md: '25%' }}\n      onChange={handleChange}\n      placeholder=\"Value Controlled Input\"\n    />\n  );\n};\n"]},"metadata":{},"sourceType":"module"}