{"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    space: 2,\n    children: [_jsx(Avatar, {\n      bg: \"green.500\",\n      source: {\n        uri: 'https://pbs.twimg.com/profile_images/1188747996843761665/8CiUdKZW_400x400.jpg'\n      },\n      children: \"SS\"\n    }), _jsx(Avatar, {\n      bg: \"cyan.500\",\n      source: {\n        uri: 'https://pbs.twimg.com/profile_images/1177303899243343872/B0sUJIH0_400x400.jpg'\n      },\n      children: \"GG\"\n    }), _jsx(Avatar, {\n      bg: \"indigo.500\",\n      source: {\n        uri: 'https://pbs.twimg.com/profile_images/1352844693151731713/HKO7cnlW_400x400.jpg'\n      },\n      children: \"RS\"\n    }), _jsx(Avatar, {\n      bg: \"amber.500\",\n      source: {\n        uri: 'https://pbs.twimg.com/profile_images/1309797238651060226/18cm6VhQ_400x400.jpg'\n      },\n      children: \"AK\"\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Avatar/usage.tsx"],"names":["React","Avatar","HStack","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;AAAA,eACE,KAAC,MAAD;AACE,MAAA,EAAE,EAAC,WADL;AAEE,MAAA,MAAM,EAAE;AACNC,QAAAA,GAAG,EACD;AAFI,OAFV;AAAA;AAAA,MADF,EAUE,KAAC,MAAD;AACE,MAAA,EAAE,EAAC,UADL;AAEE,MAAA,MAAM,EAAE;AACNA,QAAAA,GAAG,EACD;AAFI,OAFV;AAAA;AAAA,MAVF,EAmBE,KAAC,MAAD;AACE,MAAA,EAAE,EAAC,YADL;AAEE,MAAA,MAAM,EAAE;AACNA,QAAAA,GAAG,EACD;AAFI,OAFV;AAAA;AAAA,MAnBF,EA4BE,KAAC,MAAD;AACE,MAAA,EAAE,EAAC,WADL;AAEE,MAAA,MAAM,EAAE;AACNA,QAAAA,GAAG,EACD;AAFI,OAFV;AAAA;AAAA,MA5BF;AAAA,IADF;AAwCD,CAzCM","sourcesContent":["import React from 'react';\nimport { Avatar, HStack } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <HStack space={2}>\n      <Avatar\n        bg=\"green.500\"\n        source={{\n          uri:\n            'https://pbs.twimg.com/profile_images/1188747996843761665/8CiUdKZW_400x400.jpg',\n        }}\n      >\n        SS\n      </Avatar>\n      <Avatar\n        bg=\"cyan.500\"\n        source={{\n          uri:\n            'https://pbs.twimg.com/profile_images/1177303899243343872/B0sUJIH0_400x400.jpg',\n        }}\n      >\n        GG\n      </Avatar>\n      <Avatar\n        bg=\"indigo.500\"\n        source={{\n          uri:\n            'https://pbs.twimg.com/profile_images/1352844693151731713/HKO7cnlW_400x400.jpg',\n        }}\n      >\n        RS\n      </Avatar>\n      <Avatar\n        bg=\"amber.500\"\n        source={{\n          uri:\n            'https://pbs.twimg.com/profile_images/1309797238651060226/18cm6VhQ_400x400.jpg',\n        }}\n      >\n        AK\n      </Avatar>\n    </HStack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}