{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Button, Modal, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { useState } from 'react';\nexport var Example = function Example() {\n  var _useState = useState(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      showModal = _useState2[0],\n      setShowModal = _useState2[1];\n\n  return React.createElement(Center, null, React.createElement(Button, {\n    onPress: function onPress() {\n      return setShowModal(true);\n    }\n  }, \"Button\"), React.createElement(Modal, {\n    isOpen: showModal,\n    onClose: function onClose() {\n      return setShowModal(false);\n    },\n    _backdrop: {\n      _dark: {\n        bg: 'coolGray.800'\n      },\n      bg: 'warmGray.50'\n    }\n  }, React.createElement(Modal.Content, {\n    maxWidth: \"350\",\n    maxH: \"212\"\n  }, React.createElement(Modal.CloseButton, null), React.createElement(Modal.Header, null, \"Return Policy\"), React.createElement(Modal.Body, null, \"Create a 'Return Request' under \\u201CMy Orders\\u201D section of App/Website. Follow the screens that come up after tapping on the 'Return\\u2019 button. Please make a note of the Return ID that we generate at the end of the process. Keep the item ready for pick up or ship it to us basis on the return mode.\"), React.createElement(Modal.Footer, null, React.createElement(Button.Group, {\n    space: 2\n  }, React.createElement(Button, {\n    variant: \"ghost\",\n    colorScheme: \"blueGray\",\n    onPress: function onPress() {\n      setShowModal(false);\n    }\n  }, \"Cancel\"), React.createElement(Button, {\n    onPress: function onPress() {\n      setShowModal(false);\n    }\n  }, \"Save\"))))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Modal/CustomBackdrop.tsx"],"names":["React","Button","Modal","Center","useState","Example","showModal","setShowModal","_dark","bg"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,KAAjB,EAAwBC,MAAxB;AACA,SAASC,QAAT,QAAyB,OAAzB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,kBACOD,QAAQ,CAAC,KAAD,CADf;AAAA;AAAA,MACpBE,SADoB;AAAA,MACTC,YADS;;AAG3B,SACE,oBAAC,MAAD,QACE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAE;AAAA,aAAMA,YAAY,CAAC,IAAD,CAAlB;AAAA;AAAjB,cADF,EAEE,oBAAC,KAAD;AACE,IAAA,MAAM,EAAED,SADV;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMC,YAAY,CAAC,KAAD,CAAlB;AAAA,KAFX;AAGE,IAAA,SAAS,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,EAAE,EAAE;AAAN,OAAT;AAAiCA,MAAAA,EAAE,EAAE;AAArC;AAHb,KAKE,oBAAC,KAAD,CAAO,OAAP;AAAe,IAAA,QAAQ,EAAC,KAAxB;AAA8B,IAAA,IAAI,EAAC;AAAnC,KACE,oBAAC,KAAD,CAAO,WAAP,OADF,EAEE,oBAAC,KAAD,CAAO,MAAP,wBAFF,EAGE,oBAAC,KAAD,CAAO,IAAP,8TAHF,EAUE,oBAAC,KAAD,CAAO,MAAP,QACE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,KAAK,EAAE;AAArB,KACE,oBAAC,MAAD;AACE,IAAA,OAAO,EAAC,OADV;AAEE,IAAA,WAAW,EAAC,UAFd;AAGE,IAAA,OAAO,EAAE,mBAAM;AACbF,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACD;AALH,cADF,EAUE,oBAAC,MAAD;AACE,IAAA,OAAO,EAAE,mBAAM;AACbA,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACD;AAHH,YAVF,CADF,CAVF,CALF,CAFF,CADF;AA0CD,CA7CM","sourcesContent":["import React from 'react';\nimport { Button, Modal, Center } from 'native-base';\nimport { useState } from 'react';\n\nexport const Example = () => {\n  const [showModal, setShowModal] = useState(false);\n\n  return (\n    <Center>\n      <Button onPress={() => setShowModal(true)}>Button</Button>\n      <Modal\n        isOpen={showModal}\n        onClose={() => setShowModal(false)}\n        _backdrop={{ _dark: { bg: 'coolGray.800' }, bg: 'warmGray.50' }}\n      >\n        <Modal.Content maxWidth=\"350\" maxH=\"212\">\n          <Modal.CloseButton />\n          <Modal.Header>Return Policy</Modal.Header>\n          <Modal.Body>\n            Create a 'Return Request' under “My Orders” section of App/Website.\n            Follow the screens that come up after tapping on the 'Return’\n            button. Please make a note of the Return ID that we generate at the\n            end of the process. Keep the item ready for pick up or ship it to us\n            basis on the return mode.\n          </Modal.Body>\n          <Modal.Footer>\n            <Button.Group space={2}>\n              <Button\n                variant=\"ghost\"\n                colorScheme=\"blueGray\"\n                onPress={() => {\n                  setShowModal(false);\n                }}\n              >\n                Cancel\n              </Button>\n              <Button\n                onPress={() => {\n                  setShowModal(false);\n                }}\n              >\n                Save\n              </Button>\n            </Button.Group>\n          </Modal.Footer>\n        </Modal.Content>\n      </Modal>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}