{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport React from 'react';\nimport { Popover, Button, Box } 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\";\nexport function Example() {\n  return _jsx(Box, {\n    w: \"100%\",\n    alignItems: \"center\",\n    children: _jsx(Popover, {\n      trigger: function trigger(triggerProps) {\n        return _jsx(Button, _objectSpread(_objectSpread({}, triggerProps), {}, {\n          colorScheme: \"danger\",\n          children: \"Delete Customer\"\n        }));\n      },\n      children: _jsxs(Popover.Content, {\n        accessibilityLabel: \"Delete Customerd\",\n        w: \"56\",\n        children: [_jsx(Popover.Arrow, {}), _jsx(Popover.CloseButton, {}), _jsx(Popover.Header, {\n          children: \"Delete Customer\"\n        }), _jsx(Popover.Body, {\n          children: \"This will remove all data relating to Alex. This action cannot be reversed. Deleted data can not be recovered.\"\n        }), _jsx(Popover.Footer, {\n          justifyContent: \"flex-end\",\n          children: _jsxs(Button.Group, {\n            space: 2,\n            children: [_jsx(Button, {\n              colorScheme: \"coolGray\",\n              variant: \"ghost\",\n              children: \"Cancel\"\n            }), _jsx(Button, {\n              colorScheme: \"danger\",\n              children: \"Delete\"\n            })]\n          })\n        })]\n      })\n    })\n  });\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;AACxB,SACE,KAAC,GAAD;AAAK,IAAA,CAAC,EAAC,MAAP;AAAc,IAAA,UAAU,EAAC,QAAzB;AAAA,cACE,KAAC,OAAD;AACE,MAAA,OAAO,EAAE,iBAACC,YAAD,EAAkB;AACzB,eACE,KAAC,MAAD,kCAAYA,YAAZ;AAA0B,UAAA,WAAW,EAAC,QAAtC;AAAA;AAAA,WADF;AAKD,OAPH;AAAA,gBASE,MAAC,OAAD,CAAS,OAAT;AAAiB,QAAA,kBAAkB,EAAC,kBAApC;AAAuD,QAAA,CAAC,EAAC,IAAzD;AAAA,mBACE,KAAC,OAAD,CAAS,KAAT,KADF,EAEE,KAAC,OAAD,CAAS,WAAT,KAFF,EAGE,KAAC,OAAD,CAAS,MAAT;AAAA;AAAA,UAHF,EAIE,KAAC,OAAD,CAAS,IAAT;AAAA;AAAA,UAJF,EAQE,KAAC,OAAD,CAAS,MAAT;AAAgB,UAAA,cAAc,EAAC,UAA/B;AAAA,oBACE,MAAC,MAAD,CAAQ,KAAR;AAAc,YAAA,KAAK,EAAE,CAArB;AAAA,uBACE,KAAC,MAAD;AAAQ,cAAA,WAAW,EAAC,UAApB;AAA+B,cAAA,OAAO,EAAC,OAAvC;AAAA;AAAA,cADF,EAIE,KAAC,MAAD;AAAQ,cAAA,WAAW,EAAC,QAApB;AAAA;AAAA,cAJF;AAAA;AADF,UARF;AAAA;AATF;AADF,IADF;AA+BD","sourcesContent":["import React from 'react';\nimport { Popover, Button, Box } from 'native-base';\n\nexport function Example() {\n  return (\n    <Box 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"}