{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Button, Modal, FormControl, Input } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { useState } from 'react';\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 _useState = useState(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      showModal = _useState2[0],\n      setShowModal = _useState2[1];\n\n  return _jsxs(_Fragment, {\n    children: [_jsx(Button, {\n      onPress: function onPress() {\n        return setShowModal(true);\n      },\n      children: \"Button\"\n    }), _jsx(Modal, {\n      isOpen: showModal,\n      onClose: function onClose() {\n        return setShowModal(false);\n      },\n      children: _jsxs(Modal.Content, {\n        maxWidth: \"400px\",\n        children: [_jsx(Modal.CloseButton, {}), _jsx(Modal.Header, {\n          children: \"Contact Us\"\n        }), _jsxs(Modal.Body, {\n          children: [_jsxs(FormControl, {\n            children: [_jsx(FormControl.Label, {\n              children: \"Name\"\n            }), _jsx(Input, {})]\n          }), _jsxs(FormControl, {\n            mt: \"3\",\n            children: [_jsx(FormControl.Label, {\n              children: \"Email\"\n            }), _jsx(Input, {})]\n          })]\n        }), _jsx(Modal.Footer, {\n          children: _jsxs(Button.Group, {\n            space: 2,\n            children: [_jsx(Button, {\n              variant: \"ghost\",\n              colorScheme: \"blueGray\",\n              onPress: function onPress() {\n                setShowModal(false);\n              },\n              children: \"Cancel\"\n            }), _jsx(Button, {\n              onPress: function onPress() {\n                setShowModal(false);\n              },\n              children: \"Save\"\n            })]\n          })\n        })]\n      })\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Modal/Basic.tsx"],"names":["React","Button","Modal","FormControl","Input","useState","Example","showModal","setShowModal"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,KAAjB,EAAwBC,WAAxB,EAAqCC,KAArC;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;AAAA,eACE,KAAC,MAAD;AAAQ,MAAA,OAAO,EAAE;AAAA,eAAMA,YAAY,CAAC,IAAD,CAAlB;AAAA,OAAjB;AAAA;AAAA,MADF,EAEE,KAAC,KAAD;AAAO,MAAA,MAAM,EAAED,SAAf;AAA0B,MAAA,OAAO,EAAE;AAAA,eAAMC,YAAY,CAAC,KAAD,CAAlB;AAAA,OAAnC;AAAA,gBACE,MAAC,KAAD,CAAO,OAAP;AAAe,QAAA,QAAQ,EAAC,OAAxB;AAAA,mBACE,KAAC,KAAD,CAAO,WAAP,KADF,EAEE,KAAC,KAAD,CAAO,MAAP;AAAA;AAAA,UAFF,EAGE,MAAC,KAAD,CAAO,IAAP;AAAA,qBACE,MAAC,WAAD;AAAA,uBACE,KAAC,WAAD,CAAa,KAAb;AAAA;AAAA,cADF,EAEE,KAAC,KAAD,KAFF;AAAA,YADF,EAKE,MAAC,WAAD;AAAa,YAAA,EAAE,EAAC,GAAhB;AAAA,uBACE,KAAC,WAAD,CAAa,KAAb;AAAA;AAAA,cADF,EAEE,KAAC,KAAD,KAFF;AAAA,YALF;AAAA,UAHF,EAaE,KAAC,KAAD,CAAO,MAAP;AAAA,oBACE,MAAC,MAAD,CAAQ,KAAR;AAAc,YAAA,KAAK,EAAE,CAArB;AAAA,uBACE,KAAC,MAAD;AACE,cAAA,OAAO,EAAC,OADV;AAEE,cAAA,WAAW,EAAC,UAFd;AAGE,cAAA,OAAO,EAAE,mBAAM;AACbA,gBAAAA,YAAY,CAAC,KAAD,CAAZ;AACD,eALH;AAAA;AAAA,cADF,EAUE,KAAC,MAAD;AACE,cAAA,OAAO,EAAE,mBAAM;AACbA,gBAAAA,YAAY,CAAC,KAAD,CAAZ;AACD,eAHH;AAAA;AAAA,cAVF;AAAA;AADF,UAbF;AAAA;AADF,MAFF;AAAA,IADF;AAyCD,CA5CM","sourcesContent":["import React from 'react';\nimport { Button, Modal, FormControl, Input } from 'native-base';\nimport { useState } from 'react';\n\nexport const Example = () => {\n  const [showModal, setShowModal] = useState(false);\n\n  return (\n    <>\n      <Button onPress={() => setShowModal(true)}>Button</Button>\n      <Modal isOpen={showModal} onClose={() => setShowModal(false)}>\n        <Modal.Content maxWidth=\"400px\">\n          <Modal.CloseButton />\n          <Modal.Header>Contact Us</Modal.Header>\n          <Modal.Body>\n            <FormControl>\n              <FormControl.Label>Name</FormControl.Label>\n              <Input />\n            </FormControl>\n            <FormControl mt=\"3\">\n              <FormControl.Label>Email</FormControl.Label>\n              <Input />\n            </FormControl>\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    </>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}