{"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    mx: {\n      base: 'auto',\n      md: '0'\n    },\n    space: 2,\n    children: [_jsxs(Avatar, {\n      bg: \"lightBlue.400\",\n      source: {\n        uri: 'https://alpha.nativebase.io/img/native-base-icon.png'\n      },\n      children: [\"NB\", _jsx(Avatar.Badge, {\n        bg: \"green.500\"\n      })]\n    }), _jsxs(Avatar, {\n      bg: \"amber.500\",\n      source: {\n        uri: 'https://alpha.nativebase.io/img/native-base-icon.png'\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,EAAE,EAAE;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,EAAE,EAAE;AAApB,KAAZ;AAAuC,IAAA,KAAK,EAAE,CAA9C;AAAA,eACE,MAAC,MAAD;AACE,MAAA,EAAE,EAAC,eADL;AAEE,MAAA,MAAM,EAAE;AACNC,QAAAA,GAAG,EAAE;AADC,OAFV;AAAA,uBAOE,KAAC,MAAD,CAAQ,KAAR;AAAc,QAAA,EAAE,EAAC;AAAjB,QAPF;AAAA,MADF,EAUE,MAAC,MAAD;AACE,MAAA,EAAE,EAAC,WADL;AAEE,MAAA,MAAM,EAAE;AACNA,QAAAA,GAAG,EAAE;AADC,OAFV;AAAA,uBAOE,KAAC,MAAD,CAAQ,KAAR;AAAc,QAAA,EAAE,EAAC;AAAjB,QAPF;AAAA,MAVF;AAAA,IADF;AAsBD,CAvBM","sourcesContent":["import React from 'react';\nimport { Avatar, HStack } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <HStack mx={{ base: 'auto', md: '0' }} space={2}>\n      <Avatar\n        bg=\"lightBlue.400\"\n        source={{\n          uri: 'https://alpha.nativebase.io/img/native-base-icon.png',\n        }}\n      >\n        NB\n        <Avatar.Badge bg=\"green.500\" />\n      </Avatar>\n      <Avatar\n        bg=\"amber.500\"\n        source={{\n          uri: 'https://alpha.nativebase.io/img/native-base-icon.png',\n        }}\n      >\n        NB\n        <Avatar.Badge bg=\"green.500\" />\n      </Avatar>\n    </HStack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}