{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/theme/Mode/Content.tsx\";\n\nimport React from 'react';\nimport { Heading, useColorMode, Button, HStack, Avatar, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Content = function Content() {\n  var _useColorMode = useColorMode(),\n      colorMode = _useColorMode.colorMode,\n      toggleColorMode = _useColorMode.toggleColorMode;\n\n  return React.createElement(Center, {\n    height: \"100%\",\n    width: \"100%\",\n    _light: {\n      bg: 'gray.200'\n    },\n    _dark: {\n      bg: 'gray.800'\n    }\n  }, React.createElement(Heading, null, \"I'm a Heading\"), React.createElement(Button, {\n    colorScheme: colorMode === 'light' ? 'blue' : 'red',\n    onPress: toggleColorMode\n  }, \"Change mode\"), React.createElement(HStack, {\n    space: 2,\n    mt: 3\n  }, React.createElement(Avatar, {\n    source: {\n      uri: 'https://pbs.twimg.com/profile_images/1309797238651060226/18cm6VhQ_400x400.jpg'\n    }\n  }, \"Ankur\"), React.createElement(Avatar, {\n    source: {\n      uri: 'https://pbs.twimg.com/profile_images/1260766060401188864/ySJfMIbZ_400x400.jpg'\n    }\n  }, \"Rohit\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/theme/Mode/Content.tsx"],"names":["React","Heading","useColorMode","Button","HStack","Avatar","Center","Content","colorMode","toggleColorMode","bg","uri"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SACEC,OADF,EAEEC,YAFF,EAGEC,MAHF,EAIEC,MAJF,EAKEC,MALF,EAMEC,MANF;AASA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,sBACYL,YAAY,EADxB;AAAA,MACnBM,SADmB,iBACnBA,SADmB;AAAA,MACRC,eADQ,iBACRA,eADQ;;AAE3B,SACE,oBAAC,MAAD;AACE,IAAA,MAAM,EAAC,MADT;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAE;AAAEC,MAAAA,EAAE,EAAE;AAAN,KAHV;AAIE,IAAA,KAAK,EAAE;AAAEA,MAAAA,EAAE,EAAE;AAAN;AAJT,KAME,oBAAC,OAAD,wBANF,EAOE,oBAAC,MAAD;AACE,IAAA,WAAW,EAAEF,SAAS,KAAK,OAAd,GAAwB,MAAxB,GAAiC,KADhD;AAEE,IAAA,OAAO,EAAEC;AAFX,mBAPF,EAaE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,EAAE,EAAE;AAAtB,KACE,oBAAC,MAAD;AACE,IAAA,MAAM,EAAE;AACNE,MAAAA,GAAG,EACD;AAFI;AADV,aADF,EASE,oBAAC,MAAD;AACE,IAAA,MAAM,EAAE;AACNA,MAAAA,GAAG,EACD;AAFI;AADV,aATF,CAbF,CADF;AAkCD,CApCM","sourcesContent":["import React from 'react';\n\nimport {\n  Heading,\n  useColorMode,\n  Button,\n  HStack,\n  Avatar,\n  Center,\n} from 'native-base';\n\nexport const Content = () => {\n  const { colorMode, toggleColorMode } = useColorMode();\n  return (\n    <Center\n      height=\"100%\"\n      width=\"100%\"\n      _light={{ bg: 'gray.200' }}\n      _dark={{ bg: 'gray.800' }}\n    >\n      <Heading>I'm a Heading</Heading>\n      <Button\n        colorScheme={colorMode === 'light' ? 'blue' : 'red'}\n        onPress={toggleColorMode}\n      >\n        Change mode\n      </Button>\n      <HStack space={2} mt={3}>\n        <Avatar\n          source={{\n            uri:\n              'https://pbs.twimg.com/profile_images/1309797238651060226/18cm6VhQ_400x400.jpg',\n          }}\n        >\n          Ankur\n        </Avatar>\n        <Avatar\n          source={{\n            uri:\n              'https://pbs.twimg.com/profile_images/1260766060401188864/ySJfMIbZ_400x400.jpg',\n          }}\n        >\n          Rohit\n        </Avatar>\n      </HStack>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}