{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Input, Icon, Stack } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { MaterialIcons } from '@expo/vector-icons';\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  return React.createElement(Stack, {\n    space: 4,\n    w: \"100%\",\n    alignItems: \"center\"\n  }, React.createElement(Input, {\n    w: {\n      base: '75%',\n      md: '25%'\n    },\n    InputLeftElement: React.createElement(Icon, {\n      as: React.createElement(MaterialIcons, {\n        name: \"person\"\n      }),\n      size: 5,\n      ml: \"2\",\n      color: \"muted.400\"\n    }),\n    placeholder: \"Name\"\n  }), React.createElement(Input, {\n    w: {\n      base: '75%',\n      md: '25%'\n    },\n    type: show ? 'text' : 'password',\n    InputRightElement: React.createElement(Icon, {\n      as: React.createElement(MaterialIcons, {\n        name: show ? 'visibility' : 'visibility-off'\n      }),\n      size: 5,\n      mr: \"2\",\n      color: \"muted.400\",\n      onPress: function onPress() {\n        return setShow(!show);\n      }\n    }),\n    placeholder: \"Password\"\n  }));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Input/Elements.tsx"],"names":["React","Input","Icon","Stack","MaterialIcons","Example","useState","show","setShow","base","md"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,IAAhB,EAAsBC,KAAtB;AACA,SAASC,aAAT,QAA8B,oBAA9B;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACHL,KAAK,CAACM,QAAN,CAAe,KAAf,CADG;AAAA;AAAA,MACpBC,IADoB;AAAA,MACdC,OADc;;AAE3B,SACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,CAAd;AAAiB,IAAA,CAAC,EAAC,MAAnB;AAA0B,IAAA,UAAU,EAAC;AAArC,KACE,oBAAC,KAAD;AACE,IAAA,CAAC,EAAE;AAAEC,MAAAA,IAAI,EAAE,KAAR;AAAeC,MAAAA,EAAE,EAAE;AAAnB,KADL;AAEE,IAAA,gBAAgB,EACd,oBAAC,IAAD;AACE,MAAA,EAAE,EAAE,oBAAC,aAAD;AAAe,QAAA,IAAI,EAAC;AAApB,QADN;AAEE,MAAA,IAAI,EAAE,CAFR;AAGE,MAAA,EAAE,EAAC,GAHL;AAIE,MAAA,KAAK,EAAC;AAJR,MAHJ;AAUE,IAAA,WAAW,EAAC;AAVd,IADF,EAaE,oBAAC,KAAD;AACE,IAAA,CAAC,EAAE;AAAED,MAAAA,IAAI,EAAE,KAAR;AAAeC,MAAAA,EAAE,EAAE;AAAnB,KADL;AAEE,IAAA,IAAI,EAAEH,IAAI,GAAG,MAAH,GAAY,UAFxB;AAGE,IAAA,iBAAiB,EACf,oBAAC,IAAD;AACE,MAAA,EAAE,EAAE,oBAAC,aAAD;AAAe,QAAA,IAAI,EAAEA,IAAI,GAAG,YAAH,GAAkB;AAA3C,QADN;AAEE,MAAA,IAAI,EAAE,CAFR;AAGE,MAAA,EAAE,EAAC,GAHL;AAIE,MAAA,KAAK,EAAC,WAJR;AAKE,MAAA,OAAO,EAAE;AAAA,eAAMC,OAAO,CAAC,CAACD,IAAF,CAAb;AAAA;AALX,MAJJ;AAYE,IAAA,WAAW,EAAC;AAZd,IAbF,CADF;AA8BD,CAhCM","sourcesContent":["import React from 'react';\nimport { Input, Icon, Stack } from 'native-base';\nimport { MaterialIcons } from '@expo/vector-icons';\n\nexport const Example = () => {\n  const [show, setShow] = React.useState(false);\n  return (\n    <Stack space={4} w=\"100%\" alignItems=\"center\">\n      <Input\n        w={{ base: '75%', md: '25%' }}\n        InputLeftElement={\n          <Icon\n            as={<MaterialIcons name=\"person\" />}\n            size={5}\n            ml=\"2\"\n            color=\"muted.400\"\n          />\n        }\n        placeholder=\"Name\"\n      />\n      <Input\n        w={{ base: '75%', md: '25%' }}\n        type={show ? 'text' : 'password'}\n        InputRightElement={\n          <Icon\n            as={<MaterialIcons name={show ? 'visibility' : 'visibility-off'} />}\n            size={5}\n            mr=\"2\"\n            color=\"muted.400\"\n            onPress={() => setShow(!show)}\n          />\n        }\n        placeholder=\"Password\"\n      />\n    </Stack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}