{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Badge/variants.tsx\";\nimport React from 'react';\nimport { Badge, HStack, VStack, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  var _this = this;\n\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(HStack, {\n    space: 4,\n    mx: {\n      base: 'auto',\n      md: '0'\n    }\n  }, ['solid', 'outline', 'subtle'].map(function (key) {\n    return React.createElement(VStack, {\n      key: key,\n      space: 4\n    }, React.createElement(Badge, {\n      variant: key,\n      alignSelf: \"center\"\n    }, \"DEFAULT\"), React.createElement(Badge, {\n      colorScheme: \"success\",\n      alignSelf: \"center\",\n      variant: key\n    }, \"SUCCESS\"), React.createElement(Badge, {\n      colorScheme: \"danger\",\n      alignSelf: \"center\",\n      variant: key\n    }, \"DANGER\"), React.createElement(Badge, {\n      colorScheme: \"info\",\n      alignSelf: \"center\",\n      variant: key\n    }, \"INFO\"));\n  })));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Badge/variants.tsx"],"names":["React","Badge","HStack","VStack","Box","Example","base","md","map","key"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,MAAhB,EAAwBC,MAAxB,EAAgCC,GAAhC;AAEA,OAAO,SAASC,OAAT,GAAmB;AAAA;;AACxB,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,EAAE,EAAE;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,EAAE,EAAE;AAApB;AAAtB,KACG,CAAC,OAAD,EAAU,SAAV,EAAqB,QAArB,EAA+BC,GAA/B,CAAmC,UAACC,GAAD;AAAA,WAClC,oBAAC,MAAD;AAAQ,MAAA,GAAG,EAAEA,GAAb;AAAkB,MAAA,KAAK,EAAE;AAAzB,OACE,oBAAC,KAAD;AAAO,MAAA,OAAO,EAAEA,GAAhB;AAAqB,MAAA,SAAS,EAAC;AAA/B,iBADF,EAIE,oBAAC,KAAD;AAAO,MAAA,WAAW,EAAC,SAAnB;AAA6B,MAAA,SAAS,EAAC,QAAvC;AAAgD,MAAA,OAAO,EAAEA;AAAzD,iBAJF,EAOE,oBAAC,KAAD;AAAO,MAAA,WAAW,EAAC,QAAnB;AAA4B,MAAA,SAAS,EAAC,QAAtC;AAA+C,MAAA,OAAO,EAAEA;AAAxD,gBAPF,EAUE,oBAAC,KAAD;AAAO,MAAA,WAAW,EAAC,MAAnB;AAA0B,MAAA,SAAS,EAAC,QAApC;AAA6C,MAAA,OAAO,EAAEA;AAAtD,cAVF,CADkC;AAAA,GAAnC,CADH,CADF,CADF;AAsBD","sourcesContent":["//@ts-nocheck\nimport React from 'react';\nimport { Badge, HStack, VStack, Box } from 'native-base';\n\nexport function Example() {\n  return (\n    <Box alignItems=\"center\">\n      <HStack space={4} mx={{ base: 'auto', md: '0' }}>\n        {['solid', 'outline', 'subtle'].map((key) => (\n          <VStack key={key} space={4}>\n            <Badge variant={key} alignSelf=\"center\">\n              DEFAULT\n            </Badge>\n            <Badge colorScheme=\"success\" alignSelf=\"center\" variant={key}>\n              SUCCESS\n            </Badge>\n            <Badge colorScheme=\"danger\" alignSelf=\"center\" variant={key}>\n              DANGER\n            </Badge>\n            <Badge colorScheme=\"info\" alignSelf=\"center\" variant={key}>\n              INFO\n            </Badge>\n          </VStack>\n        ))}\n      </HStack>\n    </Box>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}