{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Avatar/AvatarBadge.tsx\";\n\nimport React from 'react';\nimport { Avatar, HStack } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(HStack, {\n    justifyContent: \"center\",\n    mx: {\n      base: 'auto',\n      md: '0'\n    },\n    space: 2\n  }, React.createElement(Avatar, {\n    bg: \"lightBlue.400\",\n    source: {\n      uri: 'https://images.unsplash.com/photo-1603415526960-f7e0328c63b1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80'\n    }\n  }, \"NB\", React.createElement(Avatar.Badge, {\n    bg: \"green.500\"\n  })), React.createElement(Avatar, {\n    bg: \"amber.500\",\n    source: {\n      uri: 'https://images.unsplash.com/photo-1614289371518-722f2615943d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80'\n    }\n  }, \"NB\", React.createElement(Avatar.Badge, {\n    bg: \"green.500\"\n  })));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Avatar/AvatarBadge.tsx"],"names":["React","Avatar","HStack","Example","base","md","uri"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,MAAjB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,MAAD;AAAQ,IAAA,cAAc,EAAC,QAAvB;AAAgC,IAAA,EAAE,EAAE;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,EAAE,EAAE;AAApB,KAApC;AAA+D,IAAA,KAAK,EAAE;AAAtE,KACE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,eADL;AAEE,IAAA,MAAM,EAAE;AACNC,MAAAA,GAAG,EACD;AAFI;AAFV,WAQE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC;AAAjB,IARF,CADF,EAWE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,WADL;AAEE,IAAA,MAAM,EAAE;AACNA,MAAAA,GAAG,EACD;AAFI;AAFV,WAQE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC;AAAjB,IARF,CAXF,CADF;AAwBD,CAzBM","sourcesContent":["import React from 'react';\nimport { Avatar, HStack } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <HStack justifyContent=\"center\" mx={{ base: 'auto', md: '0' }} space={2}>\n      <Avatar\n        bg=\"lightBlue.400\"\n        source={{\n          uri:\n            'https://images.unsplash.com/photo-1603415526960-f7e0328c63b1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80',\n        }}\n      >\n        NB\n        <Avatar.Badge bg=\"green.500\" />\n      </Avatar>\n      <Avatar\n        bg=\"amber.500\"\n        source={{\n          uri:\n            'https://images.unsplash.com/photo-1614289371518-722f2615943d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80',\n        }}\n      >\n        NB\n        <Avatar.Badge bg=\"green.500\" />\n      </Avatar>\n    </HStack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}