{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React, { useState } from 'react';\nimport { Skeleton, Text, Avatar, Box } 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  var _useState = useState(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      isLoaded = _useState2[0],\n      setIsLoaded = _useState2[1];\n\n  var _useState3 = useState(''),\n      _useState4 = _slicedToArray(_useState3, 2),\n      text = _useState4[0],\n      setText = _useState4[1];\n\n  setTimeout(function () {\n    setIsLoaded(true);\n    setText('Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting');\n  }, 5000);\n  return _jsxs(Box, {\n    w: \"80%\",\n    children: [_jsx(Skeleton, {\n      isLoaded: isLoaded,\n      borderRadius: \"full\",\n      size: 16,\n      children: _jsx(Avatar, {\n        size: 16,\n        source: {\n          uri: 'https://pbs.twimg.com/profile_images/1188747996843761665/8CiUdKZW_400x400.jpg'\n        },\n        children: \"SS\"\n      })\n    }), _jsx(Skeleton.Text, {\n      lines: 6,\n      mt: 5,\n      h: 120,\n      lineHeight: \"12px\",\n      space: 2,\n      isLoaded: isLoaded,\n      children: _jsx(Text, {\n        fontSize: 'md',\n        lineHeight: '20px',\n        mt: 5,\n        children: text\n      })\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Skeleton/isLoaded.tsx"],"names":["React","useState","Skeleton","Text","Avatar","Box","Example","isLoaded","setIsLoaded","text","setText","setTimeout","uri"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,QAAT,EAAmBC,IAAnB,EAAyBC,MAAzB,EAAiCC,GAAjC;;;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,kBACKL,QAAQ,CAAC,KAAD,CADb;AAAA;AAAA,MACpBM,QADoB;AAAA,MACVC,WADU;;AAAA,mBAEHP,QAAQ,CAAC,EAAD,CAFL;AAAA;AAAA,MAEpBQ,IAFoB;AAAA,MAEdC,OAFc;;AAG3BC,EAAAA,UAAU,CAAC,YAAM;AACfH,IAAAA,WAAW,CAAC,IAAD,CAAX;AACAE,IAAAA,OAAO,CACL,80BADK,CAAP;AAGD,GALS,EAKP,IALO,CAAV;AAOA,SACE,MAAC,GAAD;AAAK,IAAA,CAAC,EAAC,KAAP;AAAA,eACE,KAAC,QAAD;AAAU,MAAA,QAAQ,EAAEH,QAApB;AAA8B,MAAA,YAAY,EAAC,MAA3C;AAAkD,MAAA,IAAI,EAAE,EAAxD;AAAA,gBACE,KAAC,MAAD;AACE,QAAA,IAAI,EAAE,EADR;AAEE,QAAA,MAAM,EAAE;AACNK,UAAAA,GAAG,EACD;AAFI,SAFV;AAAA;AAAA;AADF,MADF,EAYE,KAAC,QAAD,CAAU,IAAV;AACE,MAAA,KAAK,EAAE,CADT;AAEE,MAAA,EAAE,EAAE,CAFN;AAGE,MAAA,CAAC,EAAE,GAHL;AAIE,MAAA,UAAU,EAAC,MAJb;AAKE,MAAA,KAAK,EAAE,CALT;AAME,MAAA,QAAQ,EAAEL,QANZ;AAAA,gBAQE,KAAC,IAAD;AAAM,QAAA,QAAQ,EAAE,IAAhB;AAAsB,QAAA,UAAU,EAAE,MAAlC;AAA0C,QAAA,EAAE,EAAE,CAA9C;AAAA,kBACGE;AADH;AARF,MAZF;AAAA,IADF;AA2BD,CArCM","sourcesContent":["import React, { useState } from 'react';\nimport { Skeleton, Text, Avatar, Box } from 'native-base';\nexport const Example = () => {\n  const [isLoaded, setIsLoaded] = useState(false);\n  const [text, setText] = useState('');\n  setTimeout(() => {\n    setIsLoaded(true);\n    setText(\n      'Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting'\n    );\n  }, 5000);\n\n  return (\n    <Box w=\"80%\">\n      <Skeleton isLoaded={isLoaded} borderRadius=\"full\" size={16}>\n        <Avatar\n          size={16}\n          source={{\n            uri:\n              'https://pbs.twimg.com/profile_images/1188747996843761665/8CiUdKZW_400x400.jpg',\n          }}\n        >\n          SS\n        </Avatar>\n      </Skeleton>\n      <Skeleton.Text\n        lines={6}\n        mt={5}\n        h={120}\n        lineHeight=\"12px\"\n        space={2}\n        isLoaded={isLoaded}\n      >\n        <Text fontSize={'md'} lineHeight={'20px'} mt={5}>\n          {text}\n        </Text>\n      </Skeleton.Text>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}