{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Input, Button } 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(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      show = _React$useState2[0],\n      setShow = _React$useState2[1];\n\n  var handleClick = function handleClick() {\n    return setShow(!show);\n  };\n\n  return _jsx(Input, {\n    type: show ? 'text' : 'password',\n    w: {\n      base: '75%',\n      md: '25%'\n    },\n    InputRightElement: _jsx(Button, {\n      size: \"xs\",\n      rounded: \"none\",\n      w: \"1/6\",\n      h: \"full\",\n      onPress: handleClick,\n      children: show ? 'Hide' : 'Show'\n    }),\n    placeholder: \"Password\"\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Input/Masked.tsx"],"names":["React","Input","Button","Example","useState","show","setShow","handleClick","base","md"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,MAAhB;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACHH,KAAK,CAACI,QAAN,CAAe,KAAf,CADG;AAAA;AAAA,MACpBC,IADoB;AAAA,MACdC,OADc;;AAE3B,MAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,WAAMD,OAAO,CAAC,CAACD,IAAF,CAAb;AAAA,GAApB;;AAEA,SACE,KAAC,KAAD;AACE,IAAA,IAAI,EAAEA,IAAI,GAAG,MAAH,GAAY,UADxB;AAEE,IAAA,CAAC,EAAE;AAAEG,MAAAA,IAAI,EAAE,KAAR;AAAeC,MAAAA,EAAE,EAAE;AAAnB,KAFL;AAGE,IAAA,iBAAiB,EACf,KAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,IAAb;AAAkB,MAAA,OAAO,EAAC,MAA1B;AAAiC,MAAA,CAAC,EAAC,KAAnC;AAAyC,MAAA,CAAC,EAAC,MAA3C;AAAkD,MAAA,OAAO,EAAEF,WAA3D;AAAA,gBACGF,IAAI,GAAG,MAAH,GAAY;AADnB,MAJJ;AAQE,IAAA,WAAW,EAAC;AARd,IADF;AAYD,CAhBM","sourcesContent":["import React from 'react';\nimport { Input, Button } from 'native-base';\n\nexport const Example = () => {\n  const [show, setShow] = React.useState(false);\n  const handleClick = () => setShow(!show);\n\n  return (\n    <Input\n      type={show ? 'text' : 'password'}\n      w={{ base: '75%', md: '25%' }}\n      InputRightElement={\n        <Button size=\"xs\" rounded=\"none\" w=\"1/6\" h=\"full\" onPress={handleClick}>\n          {show ? 'Hide' : 'Show'}\n        </Button>\n      }\n      placeholder=\"Password\"\n    />\n  );\n};\n"]},"metadata":{},"sourceType":"module"}