{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Input/Elements.tsx\";\n\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  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    InputRightElement: React.createElement(Icon, {\n      as: React.createElement(MaterialIcons, {\n        name: \"visibility-off\"\n      }),\n      size: 5,\n      mr: \"2\",\n      color: \"muted.400\"\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","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;AAC3B,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,iBAAiB,EACf,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,IAbF,CADF;AA4BD,CA7BM","sourcesContent":["import React from 'react';\nimport { Input, Icon, Stack } from 'native-base';\nimport { MaterialIcons } from '@expo/vector-icons';\n\nexport const Example = () => {\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        InputRightElement={\n          <Icon\n            as={<MaterialIcons name=\"visibility-off\" />}\n            size={5}\n            mr=\"2\"\n            color=\"muted.400\"\n          />\n        }\n        placeholder=\"Password\"\n      />\n    </Stack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}