{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Image/Sizes.tsx\";\nimport React from 'react';\nimport { VStack, Image, ScrollView, Heading, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  var _this = this;\n\n  return React.createElement(ScrollView, {\n    px: \"20\"\n  }, React.createElement(Center, {\n    mt: \"3\"\n  }, React.createElement(Heading, {\n    mb: \"10\"\n  }, \"Image Sizes\"), React.createElement(VStack, {\n    space: 2,\n    alignItems: \"center\",\n    safeAreaTop: true,\n    my: 6\n  }, ['xs', 'sm', 'md', 'lg', 'xl', '2xl'].map(function (size) {\n    return React.createElement(Image, {\n      size: size,\n      resizeMode: \"cover\",\n      source: {\n        uri: 'https://wallpaperaccess.com/full/317501.jpg'\n      },\n      alt: 'Alternate Text ' + size\n    });\n  }))));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Image/Sizes.tsx"],"names":["React","VStack","Image","ScrollView","Heading","Center","Example","map","size","uri"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,KAAjB,EAAwBC,UAAxB,EAAoCC,OAApC,EAA6CC,MAA7C;AACA,OAAO,SAASC,OAAT,GAAmB;AAAA;;AACxB,SACE,oBAAC,UAAD;AAAY,IAAA,EAAE,EAAC;AAAf,KACE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC;AAAX,KACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,mBADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,UAAU,EAAC,QAA7B;AAAsC,IAAA,WAAW,MAAjD;AAAkD,IAAA,EAAE,EAAE;AAAtD,KACG,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,KAA/B,EAAsCC,GAAtC,CAA0C,UAACC,IAAD;AAAA,WACzC,oBAAC,KAAD;AACE,MAAA,IAAI,EAAEA,IADR;AAEE,MAAA,UAAU,EAAC,OAFb;AAGE,MAAA,MAAM,EAAE;AACNC,QAAAA,GAAG,EAAE;AADC,OAHV;AAME,MAAA,GAAG,EAAE,oBAAoBD;AAN3B,MADyC;AAAA,GAA1C,CADH,CAFF,CADF,CADF;AAmBD","sourcesContent":["import React from 'react';\nimport { VStack, Image, ScrollView, Heading, Center } from 'native-base';\nexport function Example() {\n  return (\n    <ScrollView px=\"20\">\n      <Center mt=\"3\">\n        <Heading mb=\"10\">Image Sizes</Heading>\n        <VStack space={2} alignItems=\"center\" safeAreaTop my={6}>\n          {['xs', 'sm', 'md', 'lg', 'xl', '2xl'].map((size) => (\n            <Image\n              size={size}\n              resizeMode=\"cover\"\n              source={{\n                uri: 'https://wallpaperaccess.com/full/317501.jpg',\n              }}\n              alt={'Alternate Text ' + size}\n            />\n          ))}\n        </VStack>\n      </Center>\n    </ScrollView>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}