{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/AlertDialog/Transition.tsx\";\n\nimport React from 'react';\nimport { AlertDialog, Button, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _React$useState = React.useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      isOpen = _React$useState2[0],\n      setIsOpen = _React$useState2[1];\n\n  var onClose = function onClose() {\n    return setIsOpen(false);\n  };\n\n  var cancelRef = React.useRef(null);\n  return React.createElement(Center, null, React.createElement(AlertDialog, {\n    height: \"100%\",\n    animationPreset: \"slide\",\n    leastDestructiveRef: cancelRef,\n    onClose: onClose,\n    isOpen: isOpen,\n    isCentered: true\n  }, React.createElement(AlertDialog.Content, null, React.createElement(AlertDialog.CloseButton, null), React.createElement(AlertDialog.Header, null, \"Discard Changes?\"), React.createElement(AlertDialog.Body, null, \"Are you sure you want to discard all of your notes? 44 words will be deleted.\"), React.createElement(AlertDialog.Footer, null, React.createElement(Button.Group, {\n    space: 2\n  }, React.createElement(Button, {\n    colorScheme: \"blueGray\",\n    variant: \"unstyled\",\n    onPress: onClose\n  }, \"Cancel\"), React.createElement(Button, {\n    colorScheme: \"danger\",\n    onPress: onClose\n  }, \"Discard\"))))), React.createElement(Button, {\n    onPress: function onPress() {\n      return setIsOpen(!isOpen);\n    }\n  }, \"Discard\"));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/AlertDialog/Transition.tsx"],"names":["React","AlertDialog","Button","Center","Example","useState","isOpen","setIsOpen","onClose","cancelRef","useRef"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,EAAsBC,MAAtB,EAA8BC,MAA9B;AAGA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACCJ,KAAK,CAACK,QAAN,CAAe,KAAf,CADD;AAAA;AAAA,MACpBC,MADoB;AAAA,MACZC,SADY;;AAE3B,MAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,WAAMD,SAAS,CAAC,KAAD,CAAf;AAAA,GAAhB;;AACA,MAAME,SAAS,GAAGT,KAAK,CAACU,MAAN,CAA+B,IAA/B,CAAlB;AACA,SACE,oBAAC,MAAD,QACE,oBAAC,WAAD;AACE,IAAA,MAAM,EAAC,MADT;AAGE,IAAA,eAAe,EAAC,OAHlB;AAIE,IAAA,mBAAmB,EAAED,SAJvB;AAKE,IAAA,OAAO,EAAED,OALX;AAME,IAAA,MAAM,EAAEF,MANV;AAOE,IAAA,UAAU;AAPZ,KASE,oBAAC,WAAD,CAAa,OAAb,QACE,oBAAC,WAAD,CAAa,WAAb,OADF,EAEE,oBAAC,WAAD,CAAa,MAAb,2BAFF,EAGE,oBAAC,WAAD,CAAa,IAAb,wFAHF,EAOE,oBAAC,WAAD,CAAa,MAAb,QACE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,KAAK,EAAE;AAArB,KACE,oBAAC,MAAD;AACE,IAAA,WAAW,EAAC,UADd;AAEE,IAAA,OAAO,EAAC,UAFV;AAGE,IAAA,OAAO,EAAEE;AAHX,cADF,EAQE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC,QAApB;AAA6B,IAAA,OAAO,EAAEA;AAAtC,eARF,CADF,CAPF,CATF,CADF,EAiCE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAE;AAAA,aAAMD,SAAS,CAAC,CAACD,MAAF,CAAf;AAAA;AAAjB,eAjCF,CADF;AAqCD,CAzCM","sourcesContent":["import React from 'react';\nimport { AlertDialog, Button, Center } from 'native-base';\nimport type { TouchableOpacity } from 'react-native';\n\nexport const Example = () => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const onClose = () => setIsOpen(false);\n  const cancelRef = React.useRef<TouchableOpacity>(null);\n  return (\n    <Center>\n      <AlertDialog\n        height=\"100%\"\n        // @ts-ignore\n        animationPreset=\"slide\"\n        leastDestructiveRef={cancelRef}\n        onClose={onClose}\n        isOpen={isOpen}\n        isCentered\n      >\n        <AlertDialog.Content>\n          <AlertDialog.CloseButton />\n          <AlertDialog.Header>Discard Changes?</AlertDialog.Header>\n          <AlertDialog.Body>\n            Are you sure you want to discard all of your notes? 44 words will be\n            deleted.\n          </AlertDialog.Body>\n          <AlertDialog.Footer>\n            <Button.Group space={2}>\n              <Button\n                colorScheme=\"blueGray\"\n                variant=\"unstyled\"\n                onPress={onClose}\n              >\n                Cancel\n              </Button>\n              <Button colorScheme=\"danger\" onPress={onClose}>\n                Discard\n              </Button>\n            </Button.Group>\n          </AlertDialog.Footer>\n        </AlertDialog.Content>\n      </AlertDialog>\n      <Button onPress={() => setIsOpen(!isOpen)}>Discard</Button>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}