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

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _react3 = require('@storybook/react');

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

var _ = require('.');

var _2 = _interopRequireDefault(_);

var _README = require('./README.md');

var _README2 = _interopRequireDefault(_README);

var _3 = require('..');

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

(0, _react3.storiesOf)('Components|Popover', module).addDecorator((0, _storybookReadme.withDocs)(_README2.default)).add('default', function () {
  return _react2.default.createElement(
    _2.default,
    null,
    _react2.default.createElement(
      _2.default.control,
      null,
      function (_ref) {
        var openPopover = _ref.openPopover,
            closePopover = _ref.closePopover;
        return _react2.default.createElement(
          _3.Button,
          { primary: true, onClick: openPopover, onKeyDown: closePopover },
          'Open popover'
        );
      }
    ),
    _react2.default.createElement(
      'p',
      null,
      'Popover contents'
    )
  );
});