{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Skeleton/Color.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, null, React.createElement(HStack, {\n    w: \"90%\",\n    maxW: \"400\",\n    borderWidth: \"1\",\n    space: 8,\n    rounded: \"md\",\n    borderColor: \"coolGray.400\",\n    p: \"4\"\n  }, React.createElement(Skeleton, {\n    flex: \"1\",\n    h: \"150\",\n    rounded: \"md\",\n    startColor: \"coolGray.100\"\n  }), React.createElement(VStack, {\n    flex: \"3\",\n    space: \"4\"\n  }, React.createElement(Skeleton, {\n    startColor: \"amber.300\"\n  }), React.createElement(Skeleton.Text, null), React.createElement(HStack, {\n    space: \"2\",\n    alignItems: \"center\"\n  }, React.createElement(Skeleton, {\n    size: \"5\",\n    rounded: \"full\"\n  }), React.createElement(Skeleton, {\n    h: \"3\",\n    flex: \"2\",\n    rounded: \"full\"\n  }), React.createElement(Skeleton, {\n    h: \"3\",\n    flex: \"1\",\n    rounded: \"full\",\n    startColor: \"indigo.300\"\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","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,QACE,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,WAAW,EAAC,cANd;AAOE,IAAA,CAAC,EAAC;AAPJ,KASE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,GAAf;AAAmB,IAAA,CAAC,EAAC,KAArB;AAA2B,IAAA,OAAO,EAAC,IAAnC;AAAwC,IAAA,UAAU,EAAC;AAAnD,IATF,EAUE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,GAAb;AAAiB,IAAA,KAAK,EAAC;AAAvB,KACE,oBAAC,QAAD;AAAU,IAAA,UAAU,EAAC;AAArB,IADF,EAEE,oBAAC,QAAD,CAAU,IAAV,OAFF,EAGE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAC,GAAd;AAAkB,IAAA,UAAU,EAAC;AAA7B,KACE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,GAAf;AAAmB,IAAA,OAAO,EAAC;AAA3B,IADF,EAEE,oBAAC,QAAD;AAAU,IAAA,CAAC,EAAC,GAAZ;AAAgB,IAAA,IAAI,EAAC,GAArB;AAAyB,IAAA,OAAO,EAAC;AAAjC,IAFF,EAGE,oBAAC,QAAD;AAAU,IAAA,CAAC,EAAC,GAAZ;AAAgB,IAAA,IAAI,EAAC,GAArB;AAAyB,IAAA,OAAO,EAAC,MAAjC;AAAwC,IAAA,UAAU,EAAC;AAAnD,IAHF,CAHF,CAVF,CADF,CADF;AAwBD,CAzBM","sourcesContent":["import React from 'react';\nimport { Skeleton, VStack, HStack, Center } from 'native-base';\nexport const Example = () => {\n  return (\n    <Center>\n      <HStack\n        w=\"90%\"\n        maxW=\"400\"\n        borderWidth=\"1\"\n        space={8}\n        rounded=\"md\"\n        borderColor=\"coolGray.400\"\n        p=\"4\"\n      >\n        <Skeleton flex=\"1\" h=\"150\" rounded=\"md\" startColor=\"coolGray.100\" />\n        <VStack flex=\"3\" space=\"4\">\n          <Skeleton startColor=\"amber.300\" />\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\" startColor=\"indigo.300\" />\n          </HStack>\n        </VStack>\n      </HStack>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}