{"ast":null,"code":"import React from 'react';\nimport { Modal, Button, useDisclose } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  var _useDisclose = useDisclose(),\n      isOpen = _useDisclose.isOpen,\n      onOpen = _useDisclose.onOpen,\n      onClose = _useDisclose.onClose;\n\n  return _jsxs(_Fragment, {\n    children: [_jsx(Modal, {\n      isOpen: isOpen,\n      onClose: onClose,\n      children: _jsxs(Modal.Content, {\n        children: [_jsx(Modal.CloseButton, {}), _jsx(Modal.Header, {\n          fontSize: \"4xl\",\n          fontWeight: \"bold\",\n          children: \"Delete Customer\"\n        }), _jsx(Modal.Body, {\n          children: \"This will remove all data relating to Alex. This action cannot be reversed. Deleted data can not be recovered.\"\n        }), _jsxs(Modal.Footer, {\n          children: [_jsx(Button, {\n            variant: \"unstyled\",\n            mr: \"1\",\n            children: \"Cancel\"\n          }), _jsx(Button, {\n            colorScheme: \"error\",\n            onPress: onClose,\n            children: \"Delete\"\n          })]\n        })]\n      })\n    }), _jsx(Button, {\n      onPress: onOpen,\n      children: \"Open Modal\"\n    })]\n  });\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","Example","isOpen","onOpen","onClose"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,MAAhB,EAAwBC,WAAxB;;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,qBACSD,WAAW,EADpB;AAAA,MACnBE,MADmB,gBACnBA,MADmB;AAAA,MACXC,MADW,gBACXA,MADW;AAAA,MACHC,OADG,gBACHA,OADG;;AAE3B,SACE;AAAA,eACE,KAAC,KAAD;AAAO,MAAA,MAAM,EAAEF,MAAf;AAAuB,MAAA,OAAO,EAAEE,OAAhC;AAAA,gBACE,MAAC,KAAD,CAAO,OAAP;AAAA,mBACE,KAAC,KAAD,CAAO,WAAP,KADF,EAEE,KAAC,KAAD,CAAO,MAAP;AAAc,UAAA,QAAQ,EAAC,KAAvB;AAA6B,UAAA,UAAU,EAAC,MAAxC;AAAA;AAAA,UAFF,EAKE,KAAC,KAAD,CAAO,IAAP;AAAA;AAAA,UALF,EASE,MAAC,KAAD,CAAO,MAAP;AAAA,qBACE,KAAC,MAAD;AAAQ,YAAA,OAAO,EAAC,UAAhB;AAA2B,YAAA,EAAE,EAAC,GAA9B;AAAA;AAAA,YADF,EAIE,KAAC,MAAD;AAAQ,YAAA,WAAW,EAAC,OAApB;AAA4B,YAAA,OAAO,EAAEA,OAArC;AAAA;AAAA,YAJF;AAAA,UATF;AAAA;AADF,MADF,EAqBE,KAAC,MAAD;AAAQ,MAAA,OAAO,EAAED,MAAjB;AAAA;AAAA,MArBF;AAAA,IADF;AAyBD,CA3BM","sourcesContent":["import React from 'react';\nimport { Modal, Button, useDisclose } from 'native-base';\n\nexport const Example = () => {\n  const { isOpen, onOpen, onClose } = useDisclose();\n  return (\n    <>\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\">\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    </>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}