{"ast":null,"code":"import React from 'react';\nimport { Badge, HStack, VStack, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function Example() {\n  return _jsx(Box, {\n    alignItems: \"center\",\n    children: _jsx(HStack, {\n      space: 4,\n      mx: {\n        base: 'auto',\n        md: '0'\n      },\n      children: ['solid', 'outline', 'subtle'].map(function (key) {\n        return _jsxs(VStack, {\n          space: 4,\n          children: [_jsx(Badge, {\n            variant: key,\n            alignSelf: \"center\",\n            children: \"DEFAULT\"\n          }), _jsx(Badge, {\n            colorScheme: \"success\",\n            alignSelf: \"center\",\n            variant: key,\n            children: \"SUCCESS\"\n          }), _jsx(Badge, {\n            colorScheme: \"error\",\n            alignSelf: \"center\",\n            variant: key,\n            children: \"ERROR\"\n          }), _jsx(Badge, {\n            colorScheme: \"info\",\n            alignSelf: \"center\",\n            variant: key,\n            children: \"INFO\"\n          }), _jsx(Badge, {\n            colorScheme: \"warning\",\n            alignSelf: \"center\",\n            variant: key,\n            children: \"WARNING\"\n          })]\n        }, key);\n      })\n    })\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;AACxB,SACE,KAAC,GAAD;AAAK,IAAA,UAAU,EAAC,QAAhB;AAAA,cACE,KAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,EAAE,EAAE;AAAEC,QAAAA,IAAI,EAAE,MAAR;AAAgBC,QAAAA,EAAE,EAAE;AAApB,OAAtB;AAAA,gBACG,CAAC,OAAD,EAAU,SAAV,EAAqB,QAArB,EAA+BC,GAA/B,CAAmC,UAACC,GAAD;AAAA,eAClC,MAAC,MAAD;AAAkB,UAAA,KAAK,EAAE,CAAzB;AAAA,qBACE,KAAC,KAAD;AAAO,YAAA,OAAO,EAAEA,GAAhB;AAAqB,YAAA,SAAS,EAAC,QAA/B;AAAA;AAAA,YADF,EAIE,KAAC,KAAD;AAAO,YAAA,WAAW,EAAC,SAAnB;AAA6B,YAAA,SAAS,EAAC,QAAvC;AAAgD,YAAA,OAAO,EAAEA,GAAzD;AAAA;AAAA,YAJF,EAOE,KAAC,KAAD;AAAO,YAAA,WAAW,EAAC,OAAnB;AAA2B,YAAA,SAAS,EAAC,QAArC;AAA8C,YAAA,OAAO,EAAEA,GAAvD;AAAA;AAAA,YAPF,EAUE,KAAC,KAAD;AAAO,YAAA,WAAW,EAAC,MAAnB;AAA0B,YAAA,SAAS,EAAC,QAApC;AAA6C,YAAA,OAAO,EAAEA,GAAtD;AAAA;AAAA,YAVF,EAaE,KAAC,KAAD;AAAO,YAAA,WAAW,EAAC,SAAnB;AAA6B,YAAA,SAAS,EAAC,QAAvC;AAAgD,YAAA,OAAO,EAAEA,GAAzD;AAAA;AAAA,YAbF;AAAA,WAAaA,GAAb,CADkC;AAAA,OAAnC;AADH;AADF,IADF;AAyBD","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=\"error\" alignSelf=\"center\" variant={key}>\n              ERROR\n            </Badge>\n            <Badge colorScheme=\"info\" alignSelf=\"center\" variant={key}>\n              INFO\n            </Badge>\n            <Badge colorScheme=\"warning\" alignSelf=\"center\" variant={key}>\n              WARNING\n            </Badge>\n          </VStack>\n        ))}\n      </HStack>\n    </Box>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}