{"ast":null,"code":"import React from 'react';\nimport { Avatar, Center } 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 _jsx(Center, {\n    children: _jsxs(Avatar.Group, {\n      vertical: true,\n      flexDirection: 'column',\n      _avatar: {\n        size: 'lg'\n      },\n      max: 3,\n      children: [_jsx(Avatar, {\n        bg: \"green.500\",\n        source: {\n          uri: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80'\n        },\n        children: \"AJ\"\n      }), _jsx(Avatar, {\n        bg: \"cyan.500\",\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        children: \"TE\"\n      }), _jsx(Avatar, {\n        bg: \"indigo.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: \"JB\"\n      }), _jsx(Avatar, {\n        bg: \"amber.500\",\n        source: {\n          uri: 'https://images.unsplash.com/photo-1607746882042-944635dfe10e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80'\n        },\n        children: \"TS\"\n      }), _jsx(Avatar, {\n        bg: \"green.500\",\n        source: {\n          uri: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80'\n        },\n        children: \"AJ\"\n      }), _jsx(Avatar, {\n        bg: \"cyan.500\",\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        children: \"TE\"\n      }), _jsx(Avatar, {\n        bg: \"indigo.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: \"JB\"\n      }), _jsx(Avatar, {\n        bg: \"amber.500\",\n        source: {\n          uri: 'https://images.unsplash.com/photo-1607746882042-944635dfe10e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80'\n        },\n        children: \"TS\"\n      })]\n    })\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Avatar/AvatarGroup.tsx"],"names":["React","Avatar","Center","Example","size","uri"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,MAAjB;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,KAAC,MAAD;AAAA,cACE,MAAC,MAAD,CAAQ,KAAR;AACE,MAAA,QAAQ,MADV;AAEE,MAAA,aAAa,EAAE,QAFjB;AAGE,MAAA,OAAO,EAAE;AAAEC,QAAAA,IAAI,EAAE;AAAR,OAHX;AAIE,MAAA,GAAG,EAAE,CAJP;AAAA,iBAME,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,WADL;AAEE,QAAA,MAAM,EAAE;AACNC,UAAAA,GAAG,EACD;AAFI,SAFV;AAAA;AAAA,QANF,EAeE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,UADL;AAEE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAFV;AAAA;AAAA,QAfF,EAwBE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,YADL;AAEE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAFV;AAAA;AAAA,QAxBF,EAiCE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,WADL;AAEE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAFV;AAAA;AAAA,QAjCF,EA0CE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,WADL;AAEE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAFV;AAAA;AAAA,QA1CF,EAmDE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,UADL;AAEE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAFV;AAAA;AAAA,QAnDF,EA4DE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,YADL;AAEE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAFV;AAAA;AAAA,QA5DF,EAqEE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,WADL;AAEE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAFV;AAAA;AAAA,QArEF;AAAA;AADF,IADF;AAmFD,CApFM","sourcesContent":["import React from 'react';\nimport { Avatar, Center } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Center>\n      <Avatar.Group\n        vertical\n        flexDirection={'column'}\n        _avatar={{ size: 'lg' }}\n        max={3}\n      >\n        <Avatar\n          bg=\"green.500\"\n          source={{\n            uri:\n              'https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80',\n          }}\n        >\n          AJ\n        </Avatar>\n        <Avatar\n          bg=\"cyan.500\"\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        >\n          TE\n        </Avatar>\n        <Avatar\n          bg=\"indigo.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          JB\n        </Avatar>\n        <Avatar\n          bg=\"amber.500\"\n          source={{\n            uri:\n              'https://images.unsplash.com/photo-1607746882042-944635dfe10e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80',\n          }}\n        >\n          TS\n        </Avatar>\n        <Avatar\n          bg=\"green.500\"\n          source={{\n            uri:\n              'https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80',\n          }}\n        >\n          AJ\n        </Avatar>\n        <Avatar\n          bg=\"cyan.500\"\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        >\n          TE\n        </Avatar>\n        <Avatar\n          bg=\"indigo.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          JB\n        </Avatar>\n        <Avatar\n          bg=\"amber.500\"\n          source={{\n            uri:\n              'https://images.unsplash.com/photo-1607746882042-944635dfe10e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80',\n          }}\n        >\n          TS\n        </Avatar>\n      </Avatar.Group>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}