{"ast":null,"code":"import React from 'react';\nimport { Modal, Button, useDisclose, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _useDisclose = useDisclose(),\n      isOpen = _useDisclose.isOpen,\n      onOpen = _useDisclose.onOpen,\n      onClose = _useDisclose.onClose;\n\n  return React.createElement(Center, null, React.createElement(Modal, {\n    isOpen: isOpen,\n    onClose: onClose\n  }, React.createElement(Modal.Content, null, React.createElement(Modal.CloseButton, null), React.createElement(Modal.Header, {\n    fontSize: \"4xl\",\n    fontWeight: \"bold\"\n  }, \"Delete Customer\"), React.createElement(Modal.Body, null, \"This will remove all data relating to Alex. This action cannot be reversed. Deleted data can not be recovered.\"), React.createElement(Modal.Footer, null, React.createElement(Button, {\n    variant: \"unstyled\",\n    mr: \"1\",\n    onPress: onClose\n  }, \"Cancel\"), React.createElement(Button, {\n    colorScheme: \"error\",\n    onPress: onClose\n  }, \"Delete\")))), React.createElement(Button, {\n    onPress: onOpen\n  }, \"Open Modal\"));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useDisclose/Usage.tsx"],"names":["React","Modal","Button","useDisclose","Center","Example","isOpen","onOpen","onClose"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,MAAhB,EAAwBC,WAAxB,EAAqCC,MAArC;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,qBACSF,WAAW,EADpB;AAAA,MACnBG,MADmB,gBACnBA,MADmB;AAAA,MACXC,MADW,gBACXA,MADW;AAAA,MACHC,OADG,gBACHA,OADG;;AAE3B,SACE,oBAAC,MAAD,QACE,oBAAC,KAAD;AAAO,IAAA,MAAM,EAAEF,MAAf;AAAuB,IAAA,OAAO,EAAEE;AAAhC,KACE,oBAAC,KAAD,CAAO,OAAP,QACE,oBAAC,KAAD,CAAO,WAAP,OADF,EAEE,oBAAC,KAAD,CAAO,MAAP;AAAc,IAAA,QAAQ,EAAC,KAAvB;AAA6B,IAAA,UAAU,EAAC;AAAxC,uBAFF,EAKE,oBAAC,KAAD,CAAO,IAAP,yHALF,EASE,oBAAC,KAAD,CAAO,MAAP,QACE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAC,UAAhB;AAA2B,IAAA,EAAE,EAAC,GAA9B;AAAkC,IAAA,OAAO,EAAEA;AAA3C,cADF,EAIE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC,OAApB;AAA4B,IAAA,OAAO,EAAEA;AAArC,cAJF,CATF,CADF,CADF,EAqBE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAED;AAAjB,kBArBF,CADF;AAyBD,CA3BM","sourcesContent":["import React from 'react';\nimport { Modal, Button, useDisclose, Center } from 'native-base';\n\nexport const Example = () => {\n  const { isOpen, onOpen, onClose } = useDisclose();\n  return (\n    <Center>\n      <Modal isOpen={isOpen} onClose={onClose}>\n        <Modal.Content>\n          <Modal.CloseButton />\n          <Modal.Header fontSize=\"4xl\" fontWeight=\"bold\">\n            Delete Customer\n          </Modal.Header>\n          <Modal.Body>\n            This will remove all data relating to Alex. This action cannot be\n            reversed. Deleted data can not be recovered.\n          </Modal.Body>\n          <Modal.Footer>\n            <Button variant=\"unstyled\" mr=\"1\" onPress={onClose}>\n              Cancel\n            </Button>\n            <Button colorScheme=\"error\" onPress={onClose}>\n              Delete\n            </Button>\n          </Modal.Footer>\n        </Modal.Content>\n      </Modal>\n      <Button onPress={onOpen}>Open Modal</Button>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}