{"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 } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  var _this = this;\n\n  return React.createElement(React.Fragment, null, React.createElement(Heading, {\n    mb: \"10\",\n    textAlign: \"center\",\n    mt: \"3\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 7,\n      columnNumber: 7\n    }\n  }, \"Image Sizes\"), React.createElement(ScrollView, {\n    px: \"20\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 10,\n      columnNumber: 7\n    }\n  }, React.createElement(VStack, {\n    space: 2,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    safeAreaTop: true,\n    mb: 6,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 13,\n      columnNumber: 9\n    }\n  }, ['xs', 'sm', 'md', 'lg', 'xl', '2xl'].map(function (size) {\n    return React.createElement(Image, {\n      key: size,\n      size: size,\n      resizeMode: \"cover\",\n      source: {\n        uri: 'https://wallpaperaccess.com/full/317501.jpg'\n      },\n      alt: 'Alternate Text ' + size,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 13\n      }\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","Example","map","size","uri"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,KAAjB,EAAwBC,UAAxB,EAAoCC,OAApC;AAEA,OAAO,SAASC,OAAT,GAAmB;AAAA;;AACxB,SACE,0CACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC,IAAZ;AAAiB,IAAA,SAAS,EAAC,QAA3B;AAAoC,IAAA,EAAE,EAAC,GAAvC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBADF,EAIE,oBAAC,UAAD;AAAY,IAAA,EAAE,EAAC,IAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAGE,oBAAC,MAAD;AACE,IAAA,KAAK,EAAE,CADT;AAEE,IAAA,cAAc,EAAC,QAFjB;AAGE,IAAA,UAAU,EAAC,QAHb;AAIE,IAAA,WAAW,MAJb;AAME,IAAA,EAAE,EAAE,CANN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQG,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,GAAG,EAAEA,IADP;AAEE,MAAA,IAAI,EAAEA,IAFR;AAGE,MAAA,UAAU,EAAC,OAHb;AAIE,MAAA,MAAM,EAAE;AACNC,QAAAA,GAAG,EAAE;AADC,OAJV;AAOE,MAAA,GAAG,EAAE,oBAAoBD,IAP3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADyC;AAAA,GAA1C,CARH,CAHF,CAJF,CADF;AAgCD","sourcesContent":["import React from 'react';\nimport { VStack, Image, ScrollView, Heading, Center } from 'native-base';\n\nexport function Example() {\n  return (\n    <>\n      <Heading mb=\"10\" textAlign=\"center\" mt=\"3\">\n        Image Sizes\n      </Heading>\n      <ScrollView px=\"20\">\n        {/* <Center mt=\"3\" h=\"80\"> */}\n\n        <VStack\n          space={2}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          safeAreaTop\n          // my={6}\n          mb={6}\n        >\n          {['xs', 'sm', 'md', 'lg', 'xl', '2xl'].map((size) => (\n            <Image\n              key={size}\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}\n"]},"metadata":{},"sourceType":"module"}