{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Skeleton/Composition.tsx\";\n\nimport React from 'react';\nimport { Skeleton, VStack, HStack, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Center, {\n    w: \"100%\"\n  }, React.createElement(VStack, {\n    w: \"90%\",\n    maxW: \"400\",\n    borderWidth: \"1\",\n    space: 6,\n    rounded: \"md\",\n    alignItems: \"center\",\n    borderColor: \"coolGray.200\"\n  }, React.createElement(Skeleton, {\n    h: \"40\"\n  }), React.createElement(Skeleton, {\n    borderWidth: 1,\n    borderColor: \"coolGray.200\",\n    endColor: \"warmGray.50\",\n    size: \"20\",\n    rounded: \"full\",\n    mt: \"-70\"\n  }), React.createElement(HStack, {\n    space: \"2\"\n  }, React.createElement(Skeleton, {\n    size: \"5\",\n    rounded: \"full\"\n  }), React.createElement(Skeleton, {\n    size: \"5\",\n    rounded: \"full\"\n  }), React.createElement(Skeleton, {\n    size: \"5\",\n    rounded: \"full\"\n  }), React.createElement(Skeleton, {\n    size: \"5\",\n    rounded: \"full\"\n  }), React.createElement(Skeleton, {\n    size: \"5\",\n    rounded: \"full\"\n  })), React.createElement(Skeleton.Text, {\n    lines: 3,\n    alignItems: \"center\",\n    px: \"12\"\n  }), React.createElement(Skeleton, {\n    mb: \"3\",\n    w: \"40\",\n    rounded: \"20\"\n  })));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Skeleton/Composition.tsx"],"names":["React","Skeleton","VStack","HStack","Center","Example"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,MAAnB,EAA2BC,MAA3B,EAAmCC,MAAnC;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,MAAD;AAAQ,IAAA,CAAC,EAAC;AAAV,KACE,oBAAC,MAAD;AACE,IAAA,CAAC,EAAC,KADJ;AAEE,IAAA,IAAI,EAAC,KAFP;AAGE,IAAA,WAAW,EAAC,GAHd;AAIE,IAAA,KAAK,EAAE,CAJT;AAKE,IAAA,OAAO,EAAC,IALV;AAME,IAAA,UAAU,EAAC,QANb;AAOE,IAAA,WAAW,EAAC;AAPd,KASE,oBAAC,QAAD;AAAU,IAAA,CAAC,EAAC;AAAZ,IATF,EAUE,oBAAC,QAAD;AACE,IAAA,WAAW,EAAE,CADf;AAEE,IAAA,WAAW,EAAC,cAFd;AAGE,IAAA,QAAQ,EAAC,aAHX;AAIE,IAAA,IAAI,EAAC,IAJP;AAKE,IAAA,OAAO,EAAC,MALV;AAME,IAAA,EAAE,EAAC;AANL,IAVF,EAkBE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAC;AAAd,KACE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,GAAf;AAAmB,IAAA,OAAO,EAAC;AAA3B,IADF,EAEE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,GAAf;AAAmB,IAAA,OAAO,EAAC;AAA3B,IAFF,EAGE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,GAAf;AAAmB,IAAA,OAAO,EAAC;AAA3B,IAHF,EAIE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,GAAf;AAAmB,IAAA,OAAO,EAAC;AAA3B,IAJF,EAKE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,GAAf;AAAmB,IAAA,OAAO,EAAC;AAA3B,IALF,CAlBF,EAyBE,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAAtB;AAAyB,IAAA,UAAU,EAAC,QAApC;AAA6C,IAAA,EAAE,EAAC;AAAhD,IAzBF,EA0BE,oBAAC,QAAD;AAAU,IAAA,EAAE,EAAC,GAAb;AAAiB,IAAA,CAAC,EAAC,IAAnB;AAAwB,IAAA,OAAO,EAAC;AAAhC,IA1BF,CADF,CADF;AAgCD,CAjCM","sourcesContent":["import React from 'react';\nimport { Skeleton, VStack, HStack, Center } from 'native-base';\nexport const Example = () => {\n  return (\n    <Center w=\"100%\">\n      <VStack\n        w=\"90%\"\n        maxW=\"400\"\n        borderWidth=\"1\"\n        space={6}\n        rounded=\"md\"\n        alignItems=\"center\"\n        borderColor=\"coolGray.200\"\n      >\n        <Skeleton h=\"40\" />\n        <Skeleton\n          borderWidth={1}\n          borderColor=\"coolGray.200\"\n          endColor=\"warmGray.50\"\n          size=\"20\"\n          rounded=\"full\"\n          mt=\"-70\"\n        />\n        <HStack space=\"2\">\n          <Skeleton size=\"5\" rounded=\"full\" />\n          <Skeleton size=\"5\" rounded=\"full\" />\n          <Skeleton size=\"5\" rounded=\"full\" />\n          <Skeleton size=\"5\" rounded=\"full\" />\n          <Skeleton size=\"5\" rounded=\"full\" />\n        </HStack>\n        <Skeleton.Text lines={3} alignItems=\"center\" px=\"12\" />\n        <Skeleton mb=\"3\" w=\"40\" rounded=\"20\" />\n      </VStack>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}