{"ast":null,"code":"import React from 'react';\nimport { Avatar, HStack } 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 var Example = function Example() {\n  return _jsxs(HStack, {\n    justifyContent: \"center\",\n    mx: {\n      base: 'auto',\n      md: '0'\n    },\n    space: 2,\n    children: [_jsxs(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      size: \"lg\",\n      children: [\"NB\", _jsx(Avatar.Badge, {\n        bg: \"green.500\"\n      })]\n    }), _jsxs(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      children: [\"NB\", _jsx(Avatar.Badge, {\n        bg: \"green.500\"\n      })]\n    })]\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,MAAC,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,CAAtE;AAAA,eACE,MAAC,MAAD;AACE,MAAA,EAAE,EAAC,eADL;AAEE,MAAA,MAAM,EAAE;AACNC,QAAAA,GAAG,EACD;AAFI,OAFV;AAME,MAAA,IAAI,EAAC,IANP;AAAA,uBASE,KAAC,MAAD,CAAQ,KAAR;AAAc,QAAA,EAAE,EAAC;AAAjB,QATF;AAAA,MADF,EAYE,MAAC,MAAD;AACE,MAAA,EAAE,EAAC,WADL;AAEE,MAAA,MAAM,EAAE;AACNA,QAAAA,GAAG,EACD;AAFI,OAFV;AAAA,uBAQE,KAAC,MAAD,CAAQ,KAAR;AAAc,QAAA,EAAE,EAAC;AAAjB,QARF;AAAA,MAZF;AAAA,IADF;AAyBD,CA1BM","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        size=\"lg\"\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"}