@roo-ui/components/dist/cjs/Popover/Popover.story.js

"use strict";

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@storybook/react");

var _storybookReadme = require("storybook-readme");

var _ = _interopRequireDefault(require("."));

var _README = _interopRequireDefault(require("./README.md"));

var _2 = require("..");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(0, _react2.storiesOf)('Components|Popover', module).addDecorator((0, _storybookReadme.withDocs)(_README.default)).add('default', function () {
  return _react.default.createElement(_.default, {
    zIndex: 20
  }, _react.default.createElement(_.default.control, null, function (_ref) {
    var openPopover = _ref.openPopover,
        closePopover = _ref.closePopover;
    return _react.default.createElement(_2.Button, {
      variant: "primary",
      onClick: openPopover,
      onKeyDown: closePopover
    }, "Open popover");
  }), _react.default.createElement("p", null, "Popover contents"));
});