{"ast":null,"code":"import React from 'react';\nimport { Skeleton, VStack, HStack } 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 _jsxs(VStack, {\n    w: \"400\",\n    borderWidth: \"1\",\n    space: 6,\n    rounded: \"md\",\n    alignItems: \"center\",\n    borderColor: \"coolGray.200\",\n    children: [_jsx(Skeleton, {\n      h: \"40\"\n    }), _jsx(Skeleton, {\n      borderWidth: 1,\n      borderColor: \"coolGray.200\",\n      endColor: \"warmGray.50\",\n      size: \"20\",\n      rounded: \"full\",\n      mt: \"-70\"\n    }), _jsxs(HStack, {\n      space: \"2\",\n      children: [_jsx(Skeleton, {\n        size: \"5\",\n        rounded: \"full\"\n      }), _jsx(Skeleton, {\n        size: \"5\",\n        rounded: \"full\"\n      }), _jsx(Skeleton, {\n        size: \"5\",\n        rounded: \"full\"\n      }), _jsx(Skeleton, {\n        size: \"5\",\n        rounded: \"full\"\n      }), _jsx(Skeleton, {\n        size: \"5\",\n        rounded: \"full\"\n      })]\n    }), _jsx(Skeleton.Text, {\n      lines: 3,\n      alignItems: \"center\",\n      px: \"12\"\n    }), _jsx(Skeleton, {\n      mb: \"3\",\n      w: \"40\",\n      rounded: \"20\"\n    })]\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","Example"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,MAAnB,EAA2BC,MAA3B;;;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,MAAC,MAAD;AACE,IAAA,CAAC,EAAC,KADJ;AAEE,IAAA,WAAW,EAAC,GAFd;AAGE,IAAA,KAAK,EAAE,CAHT;AAIE,IAAA,OAAO,EAAC,IAJV;AAKE,IAAA,UAAU,EAAC,QALb;AAME,IAAA,WAAW,EAAC,cANd;AAAA,eAQE,KAAC,QAAD;AAAU,MAAA,CAAC,EAAC;AAAZ,MARF,EASE,KAAC,QAAD;AACE,MAAA,WAAW,EAAE,CADf;AAEE,MAAA,WAAW,EAAC,cAFd;AAGE,MAAA,QAAQ,EAAC,aAHX;AAIE,MAAA,IAAI,EAAC,IAJP;AAKE,MAAA,OAAO,EAAC,MALV;AAME,MAAA,EAAE,EAAC;AANL,MATF,EAiBE,MAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,GAAd;AAAA,iBACE,KAAC,QAAD;AAAU,QAAA,IAAI,EAAC,GAAf;AAAmB,QAAA,OAAO,EAAC;AAA3B,QADF,EAEE,KAAC,QAAD;AAAU,QAAA,IAAI,EAAC,GAAf;AAAmB,QAAA,OAAO,EAAC;AAA3B,QAFF,EAGE,KAAC,QAAD;AAAU,QAAA,IAAI,EAAC,GAAf;AAAmB,QAAA,OAAO,EAAC;AAA3B,QAHF,EAIE,KAAC,QAAD;AAAU,QAAA,IAAI,EAAC,GAAf;AAAmB,QAAA,OAAO,EAAC;AAA3B,QAJF,EAKE,KAAC,QAAD;AAAU,QAAA,IAAI,EAAC,GAAf;AAAmB,QAAA,OAAO,EAAC;AAA3B,QALF;AAAA,MAjBF,EAwBE,KAAC,QAAD,CAAU,IAAV;AAAe,MAAA,KAAK,EAAE,CAAtB;AAAyB,MAAA,UAAU,EAAC,QAApC;AAA6C,MAAA,EAAE,EAAC;AAAhD,MAxBF,EAyBE,KAAC,QAAD;AAAU,MAAA,EAAE,EAAC,GAAb;AAAiB,MAAA,CAAC,EAAC,IAAnB;AAAwB,MAAA,OAAO,EAAC;AAAhC,MAzBF;AAAA,IADF;AA6BD,CA9BM","sourcesContent":["import React from 'react';\nimport { Skeleton, VStack, HStack } from 'native-base';\nexport const Example = () => {\n  return (\n    <VStack\n      w=\"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  );\n};\n"]},"metadata":{},"sourceType":"module"}