{"ast":null,"code":"var _this = this,\n _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/theme/Responsive/Demo.tsx\";\n\nimport React from 'react';\nimport { Box, HStack, Image, Text, Center, Stack, Heading } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n return React.createElement(Stack, {\n direction: ['column', 'column', 'row'],\n rounded: \"lg\",\n overflow: \"hidden\",\n width: ['72', '72', '4/6'],\n borderColor: \"coolGray.200\",\n borderWidth: \"1\",\n _dark: {\n borderColor: 'coolGray.600',\n backgroundColor: 'gray.700'\n },\n _web: {\n shadow: 2,\n borderWidth: 0\n },\n _light: {\n backgroundColor: 'gray.50'\n }\n }, React.createElement(Box, null, React.createElement(Image, {\n w: ['100%', '100%', '40'],\n h: \"40\",\n source: {\n uri: 'https://www.holidify.com/images/cmsuploads/compressed/Bangalore_citycover_20190613234056.jpg'\n },\n alt: \"image\"\n }), React.createElement(Center, {\n bg: \"violet.500\",\n _text: {\n color: 'white',\n fontWeight: '700',\n fontSize: 'xs'\n },\n position: \"absolute\",\n bottom: 0,\n px: \"3\",\n py: \"1.5\"\n }, \"PHOTOS\")), React.createElement(Stack, {\n p: \"4\",\n space: [3, 3, 1.5]\n }, React.createElement(Stack, {\n space: 2\n }, React.createElement(Heading, {\n size: \"md\",\n ml: \"-1\"\n }, \"The Garden City\"), React.createElement(Text, {\n fontSize: \"xs\",\n color: \"violet.500\",\n fontWeight: \"500\",\n ml: \"-0.5\",\n mt: \"-1\"\n }, \"The Silicon Valley of India.\")), React.createElement(Text, {\n fontWeight: \"400\"\n }, \"Bengaluru (also called Bangalore) is the center of India's high-tech industry. The city is also known for its parks and nightlife.\"), React.createElement(HStack, {\n alignItems: \"center\",\n space: 4,\n justifyContent: \"space-between\"\n }, React.createElement(HStack, {\n alignItems: \"center\"\n }, React.createElement(Text, {\n color: \"coolGray.600\",\n _dark: {\n color: 'warmGray.200'\n },\n fontWeight: \"400\"\n }, \"6 mins ago\")))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/theme/Responsive/Demo.tsx"],"names":["React","Box","HStack","Image","Text","Center","Stack","Heading","Example","borderColor","backgroundColor","shadow","borderWidth","uri","color","fontWeight","fontSize"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,EAAcC,MAAd,EAAsBC,KAAtB,EAA6BC,IAA7B,EAAmCC,MAAnC,EAA2CC,KAA3C,EAAkDC,OAAlD;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,KAAD;AACE,IAAA,SAAS,EAAE,CAAC,QAAD,EAAW,QAAX,EAAqB,KAArB,CADb;AAEE,IAAA,OAAO,EAAC,IAFV;AAGE,IAAA,QAAQ,EAAC,QAHX;AAIE,IAAA,KAAK,EAAE,CAAC,IAAD,EAAO,IAAP,EAAa,KAAb,CAJT;AAKE,IAAA,WAAW,EAAC,cALd;AAME,IAAA,WAAW,EAAC,GANd;AAOE,IAAA,KAAK,EAAE;AAAEC,MAAAA,WAAW,EAAE,cAAf;AAA+BC,MAAAA,eAAe,EAAE;AAAhD,KAPT;AAQE,IAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,CADJ;AAEJC,MAAAA,WAAW,EAAE;AAFT,KARR;AAYE,IAAA,MAAM,EAAE;AAAEF,MAAAA,eAAe,EAAE;AAAnB;AAZV,KAcE,oBAAC,GAAD,QACE,oBAAC,KAAD;AACE,IAAA,CAAC,EAAE,CAAC,MAAD,EAAS,MAAT,EAAiB,IAAjB,CADL;AAEE,IAAA,CAAC,EAAC,IAFJ;AAGE,IAAA,MAAM,EAAE;AACNG,MAAAA,GAAG,EACD;AAFI,KAHV;AAOE,IAAA,GAAG,EAAC;AAPN,IADF,EAUE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,YADL;AAEE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE,OAAT;AAAkBC,MAAAA,UAAU,EAAE,KAA9B;AAAqCC,MAAAA,QAAQ,EAAE;AAA/C,KAFT;AAGE,IAAA,QAAQ,EAAC,UAHX;AAIE,IAAA,MAAM,EAAE,CAJV;AAKE,IAAA,EAAE,EAAC,GALL;AAME,IAAA,EAAE,EAAC;AANL,cAVF,CAdF,EAmCE,oBAAC,KAAD;AAAO,IAAA,CAAC,EAAC,GAAT;AAAa,IAAA,KAAK,EAAE,CAAC,CAAD,EAAI,CAAJ,EAAO,GAAP;AAApB,KACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE;AAAd,KACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC,IAAd;AAAmB,IAAA,EAAE,EAAC;AAAtB,uBADF,EAIE,oBAAC,IAAD;AACE,IAAA,QAAQ,EAAC,IADX;AAEE,IAAA,KAAK,EAAC,YAFR;AAGE,IAAA,UAAU,EAAC,KAHb;AAIE,IAAA,EAAE,EAAC,MAJL;AAKE,IAAA,EAAE,EAAC;AALL,oCAJF,CADF,EAeE,oBAAC,IAAD;AAAM,IAAA,UAAU,EAAC;AAAjB,0IAfF,EAmBE,oBAAC,MAAD;AAAQ,IAAA,UAAU,EAAC,QAAnB;AAA4B,IAAA,KAAK,EAAE,CAAnC;AAAsC,IAAA,cAAc,EAAC;AAArD,KACE,oBAAC,MAAD;AAAQ,IAAA,UAAU,EAAC;AAAnB,KACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAC,cADR;AAEE,IAAA,KAAK,EAAE;AAAEF,MAAAA,KAAK,EAAE;AAAT,KAFT;AAGE,IAAA,UAAU,EAAC;AAHb,kBADF,CADF,CAnBF,CAnCF,CADF;AAqED,CAtEM","sourcesContent":["import React from 'react';\nimport { Box, HStack, Image, Text, Center, Stack, Heading } from 'native-base';\n\nexport const Example = () => {\n return (\n \n \n \n \n PHOTOS\n \n \n \n \n \n The Garden City\n \n \n The Silicon Valley of India.\n \n \n \n Bengaluru (also called Bangalore) is the center of India's high-tech\n industry. The city is also known for its parks and nightlife.\n \n \n \n \n 6 mins ago\n \n \n \n \n \n );\n};\n"]},"metadata":{},"sourceType":"module"}