{"ast":null,"code":"import React from 'react';\nimport { VStack, Image, ScrollView, Heading } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  return React.createElement(React.Fragment, null, React.createElement(Heading, {\n    mb: \"10\",\n    textAlign: \"center\",\n    mt: \"3\"\n  }, \"Image Sizes\"), React.createElement(ScrollView, null, React.createElement(VStack, {\n    space: 2,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    safeAreaTop: true,\n    mb: 6\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    });\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;AACxB,SACE,0CACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC,IAAZ;AAAiB,IAAA,SAAS,EAAC,QAA3B;AAAoC,IAAA,EAAE,EAAC;AAAvC,mBADF,EAIE,oBAAC,UAAD,QAGE,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;AANN,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;AAP3B,MADyC;AAAA,GAA1C,CARH,CAHF,CAJF,CADF;AAgCD","sourcesContent":["import React from 'react';\nimport { VStack, Image, ScrollView, Heading } 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>\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"}