wix-style-react/dist/stories/Tooltip/Core/ExampleCustomContent.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 _Example = require('./Example.scss');

var _Example2 = _interopRequireDefault(_Example);

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

var content = _react2.default.createElement(
  'div',
  null,
  'Custom Content...\xA0',
  _react2.default.createElement(
    _Button2.default,
    { onClick: function onClick() {
        return alert('You clicked!');
      }, height: 'small' },
    'Click'
  )
);

exports.default = function () {
  return _react2.default.createElement(
    _Tooltip2.default,
    {
      active: true,
      placement: 'right',
      alignment: 'center',
      content: content,
      showTrigger: 'custom',
      hideTrigger: 'custom'
    },
    _react2.default.createElement(
      'div',
      { className: _Example2.default.box },
      'Custom Content'
    )
  );
};