{"ast":null,"code":"import React from 'react';\nimport { Card, HStack, Heading, Text, Spacer, Flex } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  return React.createElement(Card, {\n    bg: \"cyan.700\",\n    w: \"296\"\n  }, React.createElement(HStack, {\n    alignItems: \"flex-start\"\n  }, React.createElement(Text, {\n    fontSize: \"xs\",\n    color: \"cyan.50\",\n    fontWeight: \"medium\"\n  }, \"Open Source\"), React.createElement(Spacer, null), React.createElement(Text, {\n    fontSize: \"2xs\",\n    color: \"cyan.100\"\n  }, \"1 month ago\")), React.createElement(Heading, {\n    color: \"cyan.50\",\n    mt: \"2\",\n    fontWeight: \"medium\",\n    fontSize: \"lg\"\n  }, \"NativeBase\"), React.createElement(Text, {\n    mt: \"1\",\n    fontSize: \"sm\",\n    color: \"white\"\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: \"xs\",\n    fontWeight: \"medium\",\n    color: \"cyan.400\"\n  }, \"Read More\")));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Card/Basic.tsx"],"names":["React","Card","HStack","Heading","Text","Spacer","Flex","Example"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,MAAf,EAAuBC,OAAvB,EAAgCC,IAAhC,EAAsCC,MAAtC,EAA8CC,IAA9C;AAEA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,UAAT;AAAoB,IAAA,CAAC,EAAC;AAAtB,KACE,oBAAC,MAAD;AAAQ,IAAA,UAAU,EAAC;AAAnB,KACE,oBAAC,IAAD;AAAM,IAAA,QAAQ,EAAC,IAAf;AAAoB,IAAA,KAAK,EAAC,SAA1B;AAAoC,IAAA,UAAU,EAAC;AAA/C,mBADF,EAIE,oBAAC,MAAD,OAJF,EAKE,oBAAC,IAAD;AAAM,IAAA,QAAQ,EAAC,KAAf;AAAqB,IAAA,KAAK,EAAC;AAA3B,mBALF,CADF,EAUE,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,SAAf;AAAyB,IAAA,EAAE,EAAC,GAA5B;AAAgC,IAAA,UAAU,EAAC,QAA3C;AAAoD,IAAA,QAAQ,EAAC;AAA7D,kBAVF,EAaE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,GAAT;AAAa,IAAA,QAAQ,EAAC,IAAtB;AAA2B,IAAA,KAAK,EAAC;AAAjC,8FAbF,EAiBE,oBAAC,IAAD,QACE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,GAAT;AAAa,IAAA,QAAQ,EAAC,IAAtB;AAA2B,IAAA,UAAU,EAAC,QAAtC;AAA+C,IAAA,KAAK,EAAC;AAArD,iBADF,CAjBF,CADF;AAyBD","sourcesContent":["import React from 'react';\nimport { Card, HStack, Heading, Text, Spacer, Flex } from 'native-base';\n\nexport function Example() {\n  return (\n    <Card bg=\"cyan.700\" w=\"296\">\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    </Card>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}