{"ast":null,"code":"import React from 'react';\nimport { Avatar, VStack } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(VStack, {\n    space: 2,\n    alignItems: \"center\"\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    size: \"xs\"\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    size: \"sm\"\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    size: \"md\"\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    size: \"lg\"\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    size: \"xl\"\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    size: \"2xl\"\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","VStack","Example","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,KAAK,EAAE,CAAf;AAAkB,IAAA,UAAU,EAAC;AAA7B,KACE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,eADL;AAEE,IAAA,MAAM,EAAE;AACNC,MAAAA,GAAG,EACD;AAFI,KAFV;AAME,IAAA,IAAI,EAAC;AANP,WASE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC;AAAjB,IATF,CADF,EAYE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,WADL;AAEE,IAAA,MAAM,EAAE;AACNA,MAAAA,GAAG,EACD;AAFI,KAFV;AAME,IAAA,IAAI,EAAC;AANP,WASE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC;AAAjB,IATF,CAZF,EAuBE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,WADL;AAEE,IAAA,MAAM,EAAE;AACNA,MAAAA,GAAG,EACD;AAFI,KAFV;AAME,IAAA,IAAI,EAAC;AANP,WASE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC;AAAjB,IATF,CAvBF,EAkCE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,WADL;AAEE,IAAA,MAAM,EAAE;AACNA,MAAAA,GAAG,EACD;AAFI,KAFV;AAME,IAAA,IAAI,EAAC;AANP,WASE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC;AAAjB,IATF,CAlCF,EA6CE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,WADL;AAEE,IAAA,MAAM,EAAE;AACNA,MAAAA,GAAG,EACD;AAFI,KAFV;AAME,IAAA,IAAI,EAAC;AANP,WASE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC;AAAjB,IATF,CA7CF,EAwDE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,WADL;AAEE,IAAA,MAAM,EAAE;AACNA,MAAAA,GAAG,EACD;AAFI,KAFV;AAME,IAAA,IAAI,EAAC;AANP,WASE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC;AAAjB,IATF,CAxDF,CADF;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"}