{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Badge/composition.tsx\";\nimport React from 'react';\nimport { Badge, Button, VStack, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(VStack, null, React.createElement(Badge, {\n    colorScheme: \"danger\",\n    rounded: \"full\",\n    mb: -4,\n    mr: -4,\n    zIndex: 1,\n    variant: \"solid\",\n    alignSelf: \"flex-end\",\n    _text: {\n      fontSize: 12\n    }\n  }, \"2\"), React.createElement(Button, {\n    mx: {\n      base: 'auto',\n      md: 0\n    },\n    p: \"2\",\n    bg: \"cyan.500\",\n    _text: {\n      fontSize: 14\n    }\n  }, \"Notifications\")));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Badge/composition.tsx"],"names":["React","Badge","Button","VStack","Box","Example","fontSize","base","md"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,MAAhB,EAAwBC,MAAxB,EAAgCC,GAAhC;AAEA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,MAAD,QACE,oBAAC,KAAD;AAEE,IAAA,WAAW,EAAC,QAFd;AAGE,IAAA,OAAO,EAAC,MAHV;AAIE,IAAA,EAAE,EAAE,CAAC,CAJP;AAKE,IAAA,EAAE,EAAE,CAAC,CALP;AAME,IAAA,MAAM,EAAE,CANV;AAOE,IAAA,OAAO,EAAC,OAPV;AAQE,IAAA,SAAS,EAAC,UARZ;AASE,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE;AAAZ;AATT,SADF,EAcE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAE;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,EAAE,EAAE;AAApB,KADN;AAEE,IAAA,CAAC,EAAC,GAFJ;AAGE,IAAA,EAAE,EAAC,UAHL;AAIE,IAAA,KAAK,EAAE;AAAEF,MAAAA,QAAQ,EAAE;AAAZ;AAJT,qBAdF,CADF,CADF;AA2BD","sourcesContent":["import React from 'react';\nimport { Badge, Button, VStack, Box } from 'native-base';\n\nexport function Example() {\n  return (\n    <Box alignItems=\"center\">\n      <VStack>\n        <Badge\n          // bg=\"red.400\"\n          colorScheme=\"danger\"\n          rounded=\"full\"\n          mb={-4}\n          mr={-4}\n          zIndex={1}\n          variant=\"solid\"\n          alignSelf=\"flex-end\"\n          _text={{ fontSize: 12 }}\n        >\n          2\n        </Badge>\n        <Button\n          mx={{ base: 'auto', md: 0 }}\n          p=\"2\"\n          bg=\"cyan.500\"\n          _text={{ fontSize: 14 }}\n        >\n          Notifications\n        </Button>\n      </VStack>\n    </Box>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}