wix-style-react/dist/stories/Tooltip/Composite/ExamplePopoverEmptyState.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _Tooltip = require('wix-style-react/Tooltip');

var _Tooltip2 = _interopRequireDefault(_Tooltip);

var _Button = require('wix-style-react/Button');

var _Button2 = _interopRequireDefault(_Button);

var _EmptyState = require('wix-style-react/EmptyState');

var _EmptyState2 = _interopRequireDefault(_EmptyState);

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

var ExamplePopoverEmptyState = function ExamplePopoverEmptyState() {
  return _react2.default.createElement(
    _Tooltip2.default,
    {
      popover: true,
      content: _react2.default.createElement(_EmptyState2.default, {
        title: 'You don\'t have labels yet',
        subtitle: 'Once you create some labels you\'ll see a list in here'
      }),
      placement: 'right',
      padding: 24,
      minWidth: 300,
      shouldCloseOnClickOutside: true,
      dataHook: 'popover-empty-state'
    },
    _react2.default.createElement(
      _Button2.default,
      null,
      'Click Me'
    )
  );
};

exports.default = ExamplePopoverEmptyState;