{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Icon/Sizes.tsx\";\n\nimport React from 'react';\nimport { Icon, Heading, Center, VStack } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { Ionicons } from '@expo/vector-icons';\nexport var Example = function Example() {\n  var sizes = ['10', '50px', '2xl'];\n  return React.createElement(Center, null, React.createElement(Heading, {\n    mb: \"10\"\n  }, \"Sizes\"), React.createElement(VStack, {\n    space: 4,\n    justifyContent: \"center\"\n  }, sizes.map(function (size) {\n    return React.createElement(Icon, {\n      as: Ionicons,\n      name: \"md-checkmark-circle\",\n      alignSelf: \"center\",\n      size: size\n    });\n  })));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Icon/Sizes.tsx"],"names":["React","Icon","Heading","Center","VStack","Ionicons","Example","sizes","map","size"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,OAAf,EAAwBC,MAAxB,EAAgCC,MAAhC;AACA,SAASC,QAAT,QAAyB,oBAAzB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,KAAK,GAAG,CAAC,IAAD,EAAO,MAAP,EAAe,KAAf,CAAd;AACA,SACE,oBAAC,MAAD,QACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,aADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,cAAc,EAAC;AAAjC,KACGA,KAAK,CAACC,GAAN,CAAU,UAACC,IAAD;AAAA,WACT,oBAAC,IAAD;AACE,MAAA,EAAE,EAAEJ,QADN;AAEE,MAAA,IAAI,EAAC,qBAFP;AAGE,MAAA,SAAS,EAAC,QAHZ;AAIE,MAAA,IAAI,EAAEI;AAJR,MADS;AAAA,GAAV,CADH,CAFF,CADF;AAeD,CAjBM","sourcesContent":["import React from 'react';\nimport { Icon, Heading, Center, VStack } from 'native-base';\nimport { Ionicons } from '@expo/vector-icons';\n\nexport const Example = () => {\n  const sizes = ['10', '50px', '2xl'];\n  return (\n    <Center>\n      <Heading mb=\"10\">Sizes</Heading>\n      <VStack space={4} justifyContent=\"center\">\n        {sizes.map((size) => (\n          <Icon\n            as={Ionicons}\n            name=\"md-checkmark-circle\"\n            alignSelf=\"center\"\n            size={size}\n          />\n        ))}\n      </VStack>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}