{"ast":null,"code":"import React from 'react';\nimport { Link, Text, Box, Flex, HStack, Spacer, Badge } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(Link, {\n    href: \"https://nativebase.io\",\n    isExternal: true\n  }, React.createElement(Box, {\n    w: [64, 96],\n    borderWidth: \"1\",\n    borderColor: \"coolGray.300\",\n    shadow: \"3\",\n    bg: \"coolGray.100\",\n    p: \"5\",\n    rounded: \"8\"\n  }, React.createElement(HStack, {\n    alignItems: \"center\"\n  }, React.createElement(Badge, {\n    colorScheme: \"darkBlue\",\n    _text: {\n      color: 'white'\n    },\n    variant: \"solid\",\n    rounded: \"4\"\n  }, \"Open Source\"), React.createElement(Spacer, null), React.createElement(Text, {\n    fontSize: 10,\n    color: \"coolGray.800\"\n  }, \"2020\")), React.createElement(Text, {\n    color: \"coolGray.800\",\n    mt: \"3\",\n    fontWeight: \"medium\",\n    fontSize: \"xl\"\n  }, \"NativeBase v3\"), React.createElement(Text, {\n    mt: \"2\",\n    fontSize: \"sm\",\n    color: \"coolGray.700\"\n  }, \"NativeBase is a component library that enables devs to build universal design systems.\"), React.createElement(Flex, null, React.createElement(Text, {\n    mt: \"2\",\n    fontSize: 12,\n    fontWeight: \"medium\",\n    color: \"darkBlue.600\"\n  }, \"Read More\")))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Link/CompositeLink.tsx"],"names":["React","Link","Text","Box","Flex","HStack","Spacer","Badge","Example","color"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,GAArB,EAA0BC,IAA1B,EAAgCC,MAAhC,EAAwCC,MAAxC,EAAgDC,KAAhD;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC,uBAAX;AAAmC,IAAA,UAAU;AAA7C,KACE,oBAAC,GAAD;AACE,IAAA,CAAC,EAAE,CAAC,EAAD,EAAK,EAAL,CADL;AAEE,IAAA,WAAW,EAAC,GAFd;AAGE,IAAA,WAAW,EAAC,cAHd;AAIE,IAAA,MAAM,EAAC,GAJT;AAKE,IAAA,EAAE,EAAC,cALL;AAME,IAAA,CAAC,EAAC,GANJ;AAOE,IAAA,OAAO,EAAC;AAPV,KASE,oBAAC,MAAD;AAAQ,IAAA,UAAU,EAAC;AAAnB,KACE,oBAAC,KAAD;AACE,IAAA,WAAW,EAAC,UADd;AAEE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAFT;AAGE,IAAA,OAAO,EAAC,OAHV;AAIE,IAAA,OAAO,EAAC;AAJV,mBADF,EASE,oBAAC,MAAD,OATF,EAUE,oBAAC,IAAD;AAAM,IAAA,QAAQ,EAAE,EAAhB;AAAoB,IAAA,KAAK,EAAC;AAA1B,YAVF,CATF,EAuBE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC,cAAZ;AAA2B,IAAA,EAAE,EAAC,GAA9B;AAAkC,IAAA,UAAU,EAAC,QAA7C;AAAsD,IAAA,QAAQ,EAAC;AAA/D,qBAvBF,EA0BE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,GAAT;AAAa,IAAA,QAAQ,EAAC,IAAtB;AAA2B,IAAA,KAAK,EAAC;AAAjC,8FA1BF,EA8BE,oBAAC,IAAD,QACE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,GAAT;AAAa,IAAA,QAAQ,EAAE,EAAvB;AAA2B,IAAA,UAAU,EAAC,QAAtC;AAA+C,IAAA,KAAK,EAAC;AAArD,iBADF,CA9BF,CADF,CADF,CADF;AA0CD,CA3CM","sourcesContent":["import React from 'react';\nimport { Link, Text, Box, Flex, HStack, Spacer, Badge } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Box alignItems=\"center\">\n      <Link href=\"https://nativebase.io\" isExternal>\n        <Box\n          w={[64, 96]}\n          borderWidth=\"1\"\n          borderColor=\"coolGray.300\"\n          shadow=\"3\"\n          bg=\"coolGray.100\"\n          p=\"5\"\n          rounded=\"8\"\n        >\n          <HStack alignItems=\"center\">\n            <Badge\n              colorScheme=\"darkBlue\"\n              _text={{ color: 'white' }}\n              variant=\"solid\"\n              rounded=\"4\"\n            >\n              Open Source\n            </Badge>\n            <Spacer />\n            <Text fontSize={10} color=\"coolGray.800\">\n              2020\n            </Text>\n          </HStack>\n          <Text color=\"coolGray.800\" mt=\"3\" fontWeight=\"medium\" fontSize=\"xl\">\n            NativeBase v3\n          </Text>\n          <Text mt=\"2\" fontSize=\"sm\" color=\"coolGray.700\">\n            NativeBase is a component library that enables devs to build\n            universal design systems.\n          </Text>\n          <Flex>\n            <Text mt=\"2\" fontSize={12} fontWeight=\"medium\" color=\"darkBlue.600\">\n              Read More\n            </Text>\n          </Flex>\n        </Box>\n      </Link>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}