{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Input, Button, Box } 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(Box, {\n    alignItems: \"center\",\n    children: _jsx(Input, {\n      type: show ? 'text' : 'password',\n      w: \"100%\",\n      py: \"0\",\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  });\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,KAAC,GAAD;AAAK,IAAA,UAAU,EAAC,QAAhB;AAAA,cACE,KAAC,KAAD;AACE,MAAA,IAAI,EAAEA,IAAI,GAAG,MAAH,GAAY,UADxB;AAEE,MAAA,CAAC,EAAC,MAFJ;AAGE,MAAA,EAAE,EAAC,GAHL;AAIE,MAAA,iBAAiB,EACf,KAAC,MAAD;AACE,QAAA,IAAI,EAAC,IADP;AAEE,QAAA,OAAO,EAAC,MAFV;AAGE,QAAA,CAAC,EAAC,KAHJ;AAIE,QAAA,CAAC,EAAC,MAJJ;AAKE,QAAA,OAAO,EAAEE,WALX;AAAA,kBAOGF,IAAI,GAAG,MAAH,GAAY;AAPnB,QALJ;AAeE,MAAA,WAAW,EAAC;AAfd;AADF,IADF;AAqBD,CAzBM","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=\"100%\"\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"}