{"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(HStack, {\n    w: \"80%\",\n    borderWidth: \"1\",\n    space: 8,\n    rounded: \"md\",\n    borderColor: \"coolGray.200\",\n    p: \"4\",\n    children: [_jsx(Skeleton, {\n      flex: \"1\",\n      h: \"100%\",\n      rounded: \"md\"\n    }), _jsxs(VStack, {\n      flex: \"3\",\n      space: \"4\",\n      children: [_jsx(Skeleton, {}), _jsx(Skeleton.Text, {}), _jsxs(HStack, {\n        space: \"2\",\n        alignItems: \"center\",\n        children: [_jsx(Skeleton, {\n          size: \"5\",\n          rounded: \"full\"\n        }), _jsx(Skeleton, {\n          h: \"3\",\n          flex: \"2\",\n          rounded: \"full\"\n        }), _jsx(Skeleton, {\n          h: \"3\",\n          flex: \"1\",\n          rounded: \"full\"\n        })]\n      })]\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Skeleton/Color.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,WAAW,EAAC,cALd;AAME,IAAA,CAAC,EAAC,GANJ;AAAA,eAQE,KAAC,QAAD;AAAU,MAAA,IAAI,EAAC,GAAf;AAAmB,MAAA,CAAC,EAAC,MAArB;AAA4B,MAAA,OAAO,EAAC;AAApC,MARF,EASE,MAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,GAAb;AAAiB,MAAA,KAAK,EAAC,GAAvB;AAAA,iBACE,KAAC,QAAD,KADF,EAEE,KAAC,QAAD,CAAU,IAAV,KAFF,EAGE,MAAC,MAAD;AAAQ,QAAA,KAAK,EAAC,GAAd;AAAkB,QAAA,UAAU,EAAC,QAA7B;AAAA,mBACE,KAAC,QAAD;AAAU,UAAA,IAAI,EAAC,GAAf;AAAmB,UAAA,OAAO,EAAC;AAA3B,UADF,EAEE,KAAC,QAAD;AAAU,UAAA,CAAC,EAAC,GAAZ;AAAgB,UAAA,IAAI,EAAC,GAArB;AAAyB,UAAA,OAAO,EAAC;AAAjC,UAFF,EAGE,KAAC,QAAD;AAAU,UAAA,CAAC,EAAC,GAAZ;AAAgB,UAAA,IAAI,EAAC,GAArB;AAAyB,UAAA,OAAO,EAAC;AAAjC,UAHF;AAAA,QAHF;AAAA,MATF;AAAA,IADF;AAqBD,CAtBM","sourcesContent":["import React from 'react';\nimport { Skeleton, VStack, HStack } from 'native-base';\nexport const Example = () => {\n  return (\n    <HStack\n      w=\"80%\"\n      borderWidth=\"1\"\n      space={8}\n      rounded=\"md\"\n      borderColor=\"coolGray.200\"\n      p=\"4\"\n    >\n      <Skeleton flex=\"1\" h=\"100%\" rounded=\"md\" />\n      <VStack flex=\"3\" space=\"4\">\n        <Skeleton />\n        <Skeleton.Text />\n        <HStack space=\"2\" alignItems=\"center\">\n          <Skeleton size=\"5\" rounded=\"full\" />\n          <Skeleton h=\"3\" flex=\"2\" rounded=\"full\" />\n          <Skeleton h=\"3\" flex=\"1\" rounded=\"full\" />\n        </HStack>\n      </VStack>\n    </HStack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}