{"ast":null,"code":"import React from 'react';\nimport { Avatar, VStack, Heading, 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 _jsxs(Center, {\n    children: [_jsx(Heading, {\n      mt: 3,\n      mb: 8,\n      children: \"Sizes\"\n    }), _jsxs(VStack, {\n      space: 2,\n      alignItems: {\n        base: 'center',\n        md: 'flex-start'\n      },\n      children: [_jsx(Avatar, {\n        bg: \"green.500\",\n        alignSelf: \"center\",\n        size: \"xs\",\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        alignSelf: \"center\",\n        size: \"sm\",\n        source: {\n          uri: 'https://pbs.twimg.com/profile_images/929409889788510208/gRr2f7rZ_400x400.jpg'\n        },\n        children: \"HS\"\n      }), _jsx(Avatar, {\n        bg: \"indigo.500\",\n        alignSelf: \"center\",\n        size: \"md\",\n        source: {\n          uri: 'https://pbs.twimg.com/profile_images/1352844693151731713/HKO7cnlW_400x400.jpg'\n        },\n        children: \"RS\"\n      }), _jsx(Avatar, {\n        alignSelf: \"center\",\n        bg: \"amber.500\",\n        size: \"lg\",\n        source: {\n          uri: 'https://pbs.twimg.com/profile_images/1309797238651060226/18cm6VhQ_400x400.jpg'\n        },\n        children: \"AK\"\n      }), _jsx(Avatar, {\n        bg: \"pink.600\",\n        alignSelf: \"center\",\n        size: \"xl\",\n        source: {\n          uri: 'https://pbs.twimg.com/profile_images/1177303899243343872/B0sUJIH0_400x400.jpg'\n        },\n        children: \"GG\"\n      }), _jsx(Avatar, {\n        bg: \"purple.600\",\n        alignSelf: \"center\",\n        size: \"2xl\",\n        source: {\n          uri: 'https://pbs.twimg.com/profile_images/1320985200663293952/lE_Kg6vr_400x400.jpg'\n        },\n        children: \"RB\"\n      })]\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Avatar/size.tsx"],"names":["React","Avatar","VStack","Heading","Center","Example","base","md","uri"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,OAAzB,EAAkCC,MAAlC;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,MAAC,MAAD;AAAA,eACE,KAAC,OAAD;AAAS,MAAA,EAAE,EAAE,CAAb;AAAgB,MAAA,EAAE,EAAE,CAApB;AAAA;AAAA,MADF,EAIE,MAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,UAAU,EAAE;AAAEC,QAAAA,IAAI,EAAE,QAAR;AAAkBC,QAAAA,EAAE,EAAE;AAAtB,OAA9B;AAAA,iBACE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,WADL;AAEE,QAAA,SAAS,EAAC,QAFZ;AAGE,QAAA,IAAI,EAAC,IAHP;AAIE,QAAA,MAAM,EAAE;AACNC,UAAAA,GAAG,EACD;AAFI,SAJV;AAAA;AAAA,QADF,EAYE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,UADL;AAEE,QAAA,SAAS,EAAC,QAFZ;AAGE,QAAA,IAAI,EAAC,IAHP;AAIE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAJV;AAAA;AAAA,QAZF,EAuBE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,YADL;AAEE,QAAA,SAAS,EAAC,QAFZ;AAGE,QAAA,IAAI,EAAC,IAHP;AAIE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAJV;AAAA;AAAA,QAvBF,EAkCE,KAAC,MAAD;AACE,QAAA,SAAS,EAAC,QADZ;AAEE,QAAA,EAAE,EAAC,WAFL;AAGE,QAAA,IAAI,EAAC,IAHP;AAIE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAJV;AAAA;AAAA,QAlCF,EA6CE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,UADL;AAEE,QAAA,SAAS,EAAC,QAFZ;AAGE,QAAA,IAAI,EAAC,IAHP;AAIE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAJV;AAAA;AAAA,QA7CF,EAwDE,KAAC,MAAD;AACE,QAAA,EAAE,EAAC,YADL;AAEE,QAAA,SAAS,EAAC,QAFZ;AAGE,QAAA,IAAI,EAAC,KAHP;AAIE,QAAA,MAAM,EAAE;AACNA,UAAAA,GAAG,EACD;AAFI,SAJV;AAAA;AAAA,QAxDF;AAAA,MAJF;AAAA,IADF;AA2ED,CA5EM","sourcesContent":["import React from 'react';\nimport { Avatar, VStack, Heading, Center } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Center>\n      <Heading mt={3} mb={8}>\n        Sizes\n      </Heading>\n      <VStack space={2} alignItems={{ base: 'center', md: 'flex-start' }}>\n        <Avatar\n          bg=\"green.500\"\n          alignSelf=\"center\"\n          size=\"xs\"\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          alignSelf=\"center\"\n          size=\"sm\"\n          source={{\n            uri:\n              'https://pbs.twimg.com/profile_images/929409889788510208/gRr2f7rZ_400x400.jpg',\n          }}\n        >\n          HS\n        </Avatar>\n        <Avatar\n          bg=\"indigo.500\"\n          alignSelf=\"center\"\n          size=\"md\"\n          source={{\n            uri:\n              'https://pbs.twimg.com/profile_images/1352844693151731713/HKO7cnlW_400x400.jpg',\n          }}\n        >\n          RS\n        </Avatar>\n        <Avatar\n          alignSelf=\"center\"\n          bg=\"amber.500\"\n          size=\"lg\"\n          source={{\n            uri:\n              'https://pbs.twimg.com/profile_images/1309797238651060226/18cm6VhQ_400x400.jpg',\n          }}\n        >\n          AK\n        </Avatar>\n        <Avatar\n          bg=\"pink.600\"\n          alignSelf=\"center\"\n          size=\"xl\"\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=\"purple.600\"\n          alignSelf=\"center\"\n          size=\"2xl\"\n          source={{\n            uri:\n              'https://pbs.twimg.com/profile_images/1320985200663293952/lE_Kg6vr_400x400.jpg',\n          }}\n        >\n          RB\n        </Avatar>\n      </VStack>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}