{"ast":null,"code":"import React from 'react';\nimport { Badge, Button, 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\";\nexport function Example() {\n  return _jsxs(VStack, {\n    children: [_jsx(Badge, {\n      colorScheme: \"danger\",\n      rounded: \"999px\",\n      mb: -4,\n      mr: -4,\n      zIndex: 1,\n      variant: \"solid\",\n      alignSelf: \"flex-end\",\n      _text: {\n        fontSize: 12\n      },\n      children: \"2\"\n    }), _jsx(Button, {\n      mx: {\n        base: 'auto',\n        md: 0\n      },\n      p: \"2\",\n      bg: \"cyan.500\",\n      _text: {\n        fontSize: 14\n      },\n      children: \"Notifications\"\n    })]\n  });\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","Example","fontSize","base","md"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,MAAhB,EAAwBC,MAAxB;;;AAEA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,MAAC,MAAD;AAAA,eACE,KAAC,KAAD;AAEE,MAAA,WAAW,EAAC,QAFd;AAGE,MAAA,OAAO,EAAC,OAHV;AAIE,MAAA,EAAE,EAAE,CAAC,CAJP;AAKE,MAAA,EAAE,EAAE,CAAC,CALP;AAME,MAAA,MAAM,EAAE,CANV;AAOE,MAAA,OAAO,EAAC,OAPV;AAQE,MAAA,SAAS,EAAC,UARZ;AASE,MAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ,OATT;AAAA;AAAA,MADF,EAcE,KAAC,MAAD;AACE,MAAA,EAAE,EAAE;AAAEC,QAAAA,IAAI,EAAE,MAAR;AAAgBC,QAAAA,EAAE,EAAE;AAApB,OADN;AAEE,MAAA,CAAC,EAAC,GAFJ;AAGE,MAAA,EAAE,EAAC,UAHL;AAIE,MAAA,KAAK,EAAE;AAAEF,QAAAA,QAAQ,EAAE;AAAZ,OAJT;AAAA;AAAA,MAdF;AAAA,IADF;AAyBD","sourcesContent":["import React from 'react';\nimport { Badge, Button, VStack } from 'native-base';\n\nexport function Example() {\n  return (\n    <VStack>\n      <Badge\n        // bg=\"red.400\"\n        colorScheme=\"danger\"\n        rounded=\"999px\"\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  );\n}\n"]},"metadata":{},"sourceType":"module"}