{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Skeleton/Basic.tsx\";\n\nimport React from 'react';\nimport { Skeleton, VStack, 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: 8,\n    overflow: \"hidden\",\n    rounded: \"md\",\n    _dark: {\n      borderColor: 'coolGray.500'\n    },\n    _light: {\n      borderColor: 'coolGray.200'\n    }\n  }, React.createElement(Skeleton, {\n    h: \"40\"\n  }), React.createElement(Skeleton.Text, {\n    px: \"4\"\n  }), React.createElement(Skeleton, {\n    px: \"4\",\n    my: \"4\",\n    rounded: \"md\",\n    startColor: \"primary.100\"\n  })));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Skeleton/Basic.tsx"],"names":["React","Skeleton","VStack","Center","Example","borderColor"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,MAAnB,EAA2BC,MAA3B;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,QAAQ,EAAC,QALX;AAME,IAAA,OAAO,EAAC,IANV;AAOE,IAAA,KAAK,EAAE;AAAEC,MAAAA,WAAW,EAAE;AAAf,KAPT;AAQE,IAAA,MAAM,EAAE;AAAEA,MAAAA,WAAW,EAAE;AAAf;AARV,KAUE,oBAAC,QAAD;AAAU,IAAA,CAAC,EAAC;AAAZ,IAVF,EAWE,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,EAAE,EAAC;AAAlB,IAXF,EAYE,oBAAC,QAAD;AAAU,IAAA,EAAE,EAAC,GAAb;AAAiB,IAAA,EAAE,EAAC,GAApB;AAAwB,IAAA,OAAO,EAAC,IAAhC;AAAqC,IAAA,UAAU,EAAC;AAAhD,IAZF,CADF,CADF;AAkBD,CAnBM","sourcesContent":["import React from 'react';\nimport { Skeleton, VStack, 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={8}\n        overflow=\"hidden\"\n        rounded=\"md\"\n        _dark={{ borderColor: 'coolGray.500' }}\n        _light={{ borderColor: 'coolGray.200' }}\n      >\n        <Skeleton h=\"40\" />\n        <Skeleton.Text px=\"4\" />\n        <Skeleton px=\"4\" my=\"4\" rounded=\"md\" startColor=\"primary.100\" />\n      </VStack>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}