{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/extends\";\nvar _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Popover/Basic.tsx\";\nimport React from 'react';\nimport { Popover, Button, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  var _this = this;\n\n  return React.createElement(Box, {\n    h: \"60%\",\n    w: \"100%\",\n    alignItems: \"center\"\n  }, React.createElement(Popover, {\n    trigger: function trigger(triggerProps) {\n      return React.createElement(Button, _extends({}, triggerProps, {\n        colorScheme: \"danger\"\n      }), \"Delete Customer\");\n    }\n  }, React.createElement(Popover.Content, {\n    accessibilityLabel: \"Delete Customerd\",\n    w: \"56\"\n  }, React.createElement(Popover.Arrow, null), React.createElement(Popover.CloseButton, null), React.createElement(Popover.Header, null, \"Delete Customer\"), React.createElement(Popover.Body, null, \"This will remove all data relating to Alex. This action cannot be reversed. Deleted data can not be recovered.\"), React.createElement(Popover.Footer, {\n    justifyContent: \"flex-end\"\n  }, React.createElement(Button.Group, {\n    space: 2\n  }, React.createElement(Button, {\n    colorScheme: \"coolGray\",\n    variant: \"ghost\"\n  }, \"Cancel\"), React.createElement(Button, {\n    colorScheme: \"danger\"\n  }, \"Delete\"))))));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Popover/Basic.tsx"],"names":["React","Popover","Button","Box","Example","triggerProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,EAAkBC,MAAlB,EAA0BC,GAA1B;AAEA,OAAO,SAASC,OAAT,GAAmB;AAAA;;AACxB,SACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC,KAAP;AAAa,IAAA,CAAC,EAAC,MAAf;AAAsB,IAAA,UAAU,EAAC;AAAjC,KACE,oBAAC,OAAD;AACE,IAAA,OAAO,EAAE,iBAACC,YAAD,EAAkB;AACzB,aACE,oBAAC,MAAD,eAAYA,YAAZ;AAA0B,QAAA,WAAW,EAAC;AAAtC,4BADF;AAKD;AAPH,KASE,oBAAC,OAAD,CAAS,OAAT;AAAiB,IAAA,kBAAkB,EAAC,kBAApC;AAAuD,IAAA,CAAC,EAAC;AAAzD,KACE,oBAAC,OAAD,CAAS,KAAT,OADF,EAEE,oBAAC,OAAD,CAAS,WAAT,OAFF,EAGE,oBAAC,OAAD,CAAS,MAAT,0BAHF,EAIE,oBAAC,OAAD,CAAS,IAAT,yHAJF,EAQE,oBAAC,OAAD,CAAS,MAAT;AAAgB,IAAA,cAAc,EAAC;AAA/B,KACE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,KAAK,EAAE;AAArB,KACE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC,UAApB;AAA+B,IAAA,OAAO,EAAC;AAAvC,cADF,EAIE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,cAJF,CADF,CARF,CATF,CADF,CADF;AA+BD","sourcesContent":["import React from 'react';\nimport { Popover, Button, Box } from 'native-base';\n\nexport function Example() {\n  return (\n    <Box h=\"60%\" w=\"100%\" alignItems=\"center\">\n      <Popover\n        trigger={(triggerProps) => {\n          return (\n            <Button {...triggerProps} colorScheme=\"danger\">\n              Delete Customer\n            </Button>\n          );\n        }}\n      >\n        <Popover.Content accessibilityLabel=\"Delete Customerd\" w=\"56\">\n          <Popover.Arrow />\n          <Popover.CloseButton />\n          <Popover.Header>Delete Customer</Popover.Header>\n          <Popover.Body>\n            This will remove all data relating to Alex. This action cannot be\n            reversed. Deleted data can not be recovered.\n          </Popover.Body>\n          <Popover.Footer justifyContent=\"flex-end\">\n            <Button.Group space={2}>\n              <Button colorScheme=\"coolGray\" variant=\"ghost\">\n                Cancel\n              </Button>\n              <Button colorScheme=\"danger\">Delete</Button>\n            </Button.Group>\n          </Popover.Footer>\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}