{"ast":null,"code":"import React from 'react';\nimport { Avatar, 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 var Example = function Example() {\n  return _jsxs(VStack, {\n    space: 2,\n    alignItems: \"center\",\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: \"xs\",\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      size: \"sm\",\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      size: \"md\",\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      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      size: \"xl\",\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      size: \"2xl\",\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","VStack","Example","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,KAAK,EAAE,CAAf;AAAkB,IAAA,UAAU,EAAC,QAA7B;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;AAME,MAAA,IAAI,EAAC,IANP;AAAA,uBASE,KAAC,MAAD,CAAQ,KAAR;AAAc,QAAA,EAAE,EAAC;AAAjB,QATF;AAAA,MAZF,EAuBE,MAAC,MAAD;AACE,MAAA,EAAE,EAAC,WADL;AAEE,MAAA,MAAM,EAAE;AACNA,QAAAA,GAAG,EACD;AAFI,OAFV;AAME,MAAA,IAAI,EAAC,IANP;AAAA,uBASE,KAAC,MAAD,CAAQ,KAAR;AAAc,QAAA,EAAE,EAAC;AAAjB,QATF;AAAA,MAvBF,EAkCE,MAAC,MAAD;AACE,MAAA,EAAE,EAAC,WADL;AAEE,MAAA,MAAM,EAAE;AACNA,QAAAA,GAAG,EACD;AAFI,OAFV;AAME,MAAA,IAAI,EAAC,IANP;AAAA,uBASE,KAAC,MAAD,CAAQ,KAAR;AAAc,QAAA,EAAE,EAAC;AAAjB,QATF;AAAA,MAlCF,EA6CE,MAAC,MAAD;AACE,MAAA,EAAE,EAAC,WADL;AAEE,MAAA,MAAM,EAAE;AACNA,QAAAA,GAAG,EACD;AAFI,OAFV;AAME,MAAA,IAAI,EAAC,IANP;AAAA,uBASE,KAAC,MAAD,CAAQ,KAAR;AAAc,QAAA,EAAE,EAAC;AAAjB,QATF;AAAA,MA7CF,EAwDE,MAAC,MAAD;AACE,MAAA,EAAE,EAAC,WADL;AAEE,MAAA,MAAM,EAAE;AACNA,QAAAA,GAAG,EACD;AAFI,OAFV;AAME,MAAA,IAAI,EAAC,KANP;AAAA,uBASE,KAAC,MAAD,CAAQ,KAAR;AAAc,QAAA,EAAE,EAAC;AAAjB,QATF;AAAA,MAxDF;AAAA,IADF;AAsED,CAvEM","sourcesContent":["import React from 'react';\nimport { Avatar, VStack } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <VStack space={2} alignItems=\"center\">\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=\"xs\"\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        size=\"sm\"\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        size=\"md\"\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        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        size=\"xl\"\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        size=\"2xl\"\n      >\n        NB\n        <Avatar.Badge bg=\"green.500\" />\n      </Avatar>\n    </VStack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}