{"ast":null,"code":"import React from 'react';\nimport { Badge, HStack, VStack } 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\";\nimport { Fragment as _Fragment } from \"react/jsx-runtime\";\nexport function Example() {\n  return _jsx(_Fragment, {\n    children: _jsx(HStack, {\n      space: {\n        base: '2',\n        md: '4'\n      },\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: \"danger\",\n            alignSelf: \"center\",\n            variant: key,\n            children: \"DANGER\"\n          }), _jsx(Badge, {\n            colorScheme: \"info\",\n            alignSelf: \"center\",\n            variant: key,\n            children: \"INFO\"\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","Example","base","md","map","key"],"mappings":"AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,MAAhB,EAAwBC,MAAxB;;;;AAEA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE;AAAA,cACE,KAAC,MAAD;AAAQ,MAAA,KAAK,EAAE;AAAEC,QAAAA,IAAI,EAAE,GAAR;AAAaC,QAAAA,EAAE,EAAE;AAAjB,OAAf;AAAuC,MAAA,EAAE,EAAE;AAAED,QAAAA,IAAI,EAAE,MAAR;AAAgBC,QAAAA,EAAE,EAAE;AAApB,OAA3C;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,QAAnB;AAA4B,YAAA,SAAS,EAAC,QAAtC;AAA+C,YAAA,OAAO,EAAEA,GAAxD;AAAA;AAAA,YAPF,EAUE,KAAC,KAAD;AAAO,YAAA,WAAW,EAAC,MAAnB;AAA0B,YAAA,SAAS,EAAC,QAApC;AAA6C,YAAA,OAAO,EAAEA,GAAtD;AAAA;AAAA,YAVF;AAAA,WAAaA,GAAb,CADkC;AAAA,OAAnC;AADH;AADF,IADF;AAsBD","sourcesContent":["//@ts-nocheck\nimport React from 'react';\nimport { Badge, HStack, VStack } from 'native-base';\n\nexport function Example() {\n  return (\n    <>\n      <HStack space={{ base: '2', md: '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    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}