{"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/Input/Masked.tsx\";\n\nimport React from 'react';\nimport { Input, Button, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\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 React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(Input, {\n    type: show ? 'text' : 'password',\n    w: \"75%\",\n    maxW: \"300px\",\n    py: \"0\",\n    InputRightElement: React.createElement(Button, {\n      size: \"xs\",\n      rounded: \"none\",\n      w: \"1/6\",\n      h: \"full\",\n      onPress: handleClick\n    }, show ? 'Hide' : 'Show'),\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","Box","Example","useState","show","setShow","handleClick"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,MAAhB,EAAwBC,GAAxB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACHJ,KAAK,CAACK,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,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,KAAD;AACE,IAAA,IAAI,EAAEA,IAAI,GAAG,MAAH,GAAY,UADxB;AAEE,IAAA,CAAC,EAAC,KAFJ;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,EAAE,EAAC,GAJL;AAKE,IAAA,iBAAiB,EACf,oBAAC,MAAD;AACE,MAAA,IAAI,EAAC,IADP;AAEE,MAAA,OAAO,EAAC,MAFV;AAGE,MAAA,CAAC,EAAC,KAHJ;AAIE,MAAA,CAAC,EAAC,MAJJ;AAKE,MAAA,OAAO,EAAEE;AALX,OAOGF,IAAI,GAAG,MAAH,GAAY,MAPnB,CANJ;AAgBE,IAAA,WAAW,EAAC;AAhBd,IADF,CADF;AAsBD,CA1BM","sourcesContent":["import React from 'react';\nimport { Input, Button, Box } from 'native-base';\n\nexport const Example = () => {\n  const [show, setShow] = React.useState(false);\n  const handleClick = () => setShow(!show);\n\n  return (\n    <Box alignItems=\"center\">\n      <Input\n        type={show ? 'text' : 'password'}\n        w=\"75%\"\n        maxW=\"300px\"\n        py=\"0\"\n        InputRightElement={\n          <Button\n            size=\"xs\"\n            rounded=\"none\"\n            w=\"1/6\"\n            h=\"full\"\n            onPress={handleClick}\n          >\n            {show ? 'Hide' : 'Show'}\n          </Button>\n        }\n        placeholder=\"Password\"\n      />\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}