{"ast":null,"code":"import React from 'react';\nimport { Link, Text, Box, Flex, HStack, Spacer, Heading } 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(Link, {\n    href: \"https://nativebase.io\",\n    _hover: {\n      bg: 'primary.100'\n    },\n    isExternal: true,\n    children: _jsxs(Box, {\n      bg: \"cyan.700\",\n      p: \"5\",\n      rounded: \"8\",\n      flexShrink: \"1\",\n      children: [_jsxs(HStack, {\n        alignItems: \"flex-start\",\n        children: [_jsx(Text, {\n          fontSize: \"xs\",\n          color: \"cyan.50\",\n          fontWeight: \"medium\",\n          children: \"Open Source\"\n        }), _jsx(Spacer, {}), _jsx(Text, {\n          fontSize: \"2xs\",\n          color: \"cyan.100\",\n          children: \"1 month ago\"\n        })]\n      }), _jsx(Heading, {\n        color: \"cyan.50\",\n        mt: \"2\",\n        fontWeight: \"medium\",\n        fontSize: \"lg\",\n        children: \"NativeBase\"\n      }), _jsx(Text, {\n        mt: \"1\",\n        fontSize: \"sm\",\n        color: \"white\",\n        children: \"NativeBase is a component library that enables devs to build universal design systems.\"\n      }), _jsx(Flex, {\n        children: _jsx(Text, {\n          mt: \"2\",\n          fontSize: \"xs\",\n          fontWeight: \"medium\",\n          color: \"cyan.400\",\n          children: \"Read More\"\n        })\n      })]\n    })\n  });\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","Heading","Example","bg"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,GAArB,EAA0BC,IAA1B,EAAgCC,MAAhC,EAAwCC,MAAxC,EAAgDC,OAAhD;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,KAAC,IAAD;AACE,IAAA,IAAI,EAAC,uBADP;AAEE,IAAA,MAAM,EAAE;AAAEC,MAAAA,EAAE,EAAE;AAAN,KAFV;AAGE,IAAA,UAAU,MAHZ;AAAA,cAKE,MAAC,GAAD;AAAK,MAAA,EAAE,EAAC,UAAR;AAAmB,MAAA,CAAC,EAAC,GAArB;AAAyB,MAAA,OAAO,EAAC,GAAjC;AAAqC,MAAA,UAAU,EAAC,GAAhD;AAAA,iBACE,MAAC,MAAD;AAAQ,QAAA,UAAU,EAAC,YAAnB;AAAA,mBACE,KAAC,IAAD;AAAM,UAAA,QAAQ,EAAC,IAAf;AAAoB,UAAA,KAAK,EAAC,SAA1B;AAAoC,UAAA,UAAU,EAAC,QAA/C;AAAA;AAAA,UADF,EAIE,KAAC,MAAD,KAJF,EAKE,KAAC,IAAD;AAAM,UAAA,QAAQ,EAAC,KAAf;AAAqB,UAAA,KAAK,EAAC,UAA3B;AAAA;AAAA,UALF;AAAA,QADF,EAUE,KAAC,OAAD;AAAS,QAAA,KAAK,EAAC,SAAf;AAAyB,QAAA,EAAE,EAAC,GAA5B;AAAgC,QAAA,UAAU,EAAC,QAA3C;AAAoD,QAAA,QAAQ,EAAC,IAA7D;AAAA;AAAA,QAVF,EAaE,KAAC,IAAD;AAAM,QAAA,EAAE,EAAC,GAAT;AAAa,QAAA,QAAQ,EAAC,IAAtB;AAA2B,QAAA,KAAK,EAAC,OAAjC;AAAA;AAAA,QAbF,EAiBE,KAAC,IAAD;AAAA,kBACE,KAAC,IAAD;AAAM,UAAA,EAAE,EAAC,GAAT;AAAa,UAAA,QAAQ,EAAC,IAAtB;AAA2B,UAAA,UAAU,EAAC,QAAtC;AAA+C,UAAA,KAAK,EAAC,UAArD;AAAA;AAAA;AADF,QAjBF;AAAA;AALF,IADF;AA+BD,CAhCM","sourcesContent":["import React from 'react';\nimport { Link, Text, Box, Flex, HStack, Spacer, Heading } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Link\n      href=\"https://nativebase.io\"\n      _hover={{ bg: 'primary.100' }}\n      isExternal\n    >\n      <Box bg=\"cyan.700\" p=\"5\" rounded=\"8\" flexShrink=\"1\">\n        <HStack alignItems=\"flex-start\">\n          <Text fontSize=\"xs\" color=\"cyan.50\" fontWeight=\"medium\">\n            Open Source\n          </Text>\n          <Spacer />\n          <Text fontSize=\"2xs\" color=\"cyan.100\">\n            1 month ago\n          </Text>\n        </HStack>\n        <Heading color=\"cyan.50\" mt=\"2\" fontWeight=\"medium\" fontSize=\"lg\">\n          NativeBase\n        </Heading>\n        <Text mt=\"1\" fontSize=\"sm\" color=\"white\">\n          NativeBase is a component library that enables devs to build universal\n          design systems.\n        </Text>\n        <Flex>\n          <Text mt=\"2\" fontSize=\"xs\" fontWeight=\"medium\" color=\"cyan.400\">\n            Read More\n          </Text>\n        </Flex>\n      </Box>\n    </Link>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}