{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Button/loading.tsx\";\n\nimport React from 'react';\nimport { Button, Stack } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Stack, {\n    direction: {\n      base: 'column',\n      md: 'row'\n    },\n    space: 2,\n    alignItems: {\n      base: 'center',\n      md: 'flex-start'\n    }\n  }, React.createElement(Button, {\n    isLoading: true\n  }, \"Button\"), React.createElement(Button, {\n    isLoading: true,\n    isLoadingText: \"Submitting\"\n  }, \"Button\"), React.createElement(Button, {\n    isLoading: true,\n    spinnerPlacement: \"end\",\n    isLoadingText: \"Submitting\"\n  }, \"Button\"), React.createElement(Button, {\n    isLoading: true,\n    _loading: {\n      bg: 'amber.400:alpha.70',\n      _text: {\n        color: 'coolGray.700'\n      }\n    },\n    _spinner: {\n      color: 'white'\n    },\n    isLoadingText: \"Submitting\"\n  }, \"Button\"), React.createElement(Button, {\n    isLoading: true,\n    isLoadingText: \"Submitting\",\n    variant: \"outline\"\n  }, \"Button\"));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Button/loading.tsx"],"names":["React","Button","Stack","Example","base","md","bg","_text","color"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,KAAjB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,KAAD;AACE,IAAA,SAAS,EAAE;AAAEC,MAAAA,IAAI,EAAE,QAAR;AAAkBC,MAAAA,EAAE,EAAE;AAAtB,KADb;AAEE,IAAA,KAAK,EAAE,CAFT;AAGE,IAAA,UAAU,EAAE;AAAED,MAAAA,IAAI,EAAE,QAAR;AAAkBC,MAAAA,EAAE,EAAE;AAAtB;AAHd,KAKE,oBAAC,MAAD;AAAQ,IAAA,SAAS;AAAjB,cALF,EAME,oBAAC,MAAD;AAAQ,IAAA,SAAS,MAAjB;AAAkB,IAAA,aAAa,EAAC;AAAhC,cANF,EASE,oBAAC,MAAD;AAAQ,IAAA,SAAS,MAAjB;AAAkB,IAAA,gBAAgB,EAAC,KAAnC;AAAyC,IAAA,aAAa,EAAC;AAAvD,cATF,EAYE,oBAAC,MAAD;AACE,IAAA,SAAS,MADX;AAEE,IAAA,QAAQ,EAAE;AACRC,MAAAA,EAAE,EAAE,oBADI;AAERC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,KAAK,EAAE;AAAT;AAFC,KAFZ;AAME,IAAA,QAAQ,EAAE;AAAEA,MAAAA,KAAK,EAAE;AAAT,KANZ;AAOE,IAAA,aAAa,EAAC;AAPhB,cAZF,EAuBE,oBAAC,MAAD;AAAQ,IAAA,SAAS,MAAjB;AAAkB,IAAA,aAAa,EAAC,YAAhC;AAA6C,IAAA,OAAO,EAAC;AAArD,cAvBF,CADF;AA6BD,CA9BM","sourcesContent":["import React from 'react';\nimport { Button, Stack } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Stack\n      direction={{ base: 'column', md: 'row' }}\n      space={2}\n      alignItems={{ base: 'center', md: 'flex-start' }}\n    >\n      <Button isLoading>Button</Button>\n      <Button isLoading isLoadingText=\"Submitting\">\n        Button\n      </Button>\n      <Button isLoading spinnerPlacement=\"end\" isLoadingText=\"Submitting\">\n        Button\n      </Button>\n      <Button\n        isLoading\n        _loading={{\n          bg: 'amber.400:alpha.70',\n          _text: { color: 'coolGray.700' },\n        }}\n        _spinner={{ color: 'white' }}\n        isLoadingText=\"Submitting\"\n      >\n        Button\n      </Button>\n      <Button isLoading isLoadingText=\"Submitting\" variant=\"outline\">\n        Button\n      </Button>\n    </Stack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}