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

var _Example2 = _interopRequireDefault(_Example);

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

exports.default = function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      _Tooltip2.default,
      {
        active: true,
        placement: 'right',
        alignment: 'center',
        content: 'Dark Theme',
        showTrigger: 'custom',
        hideTrigger: 'custom',
        theme: 'dark'
      },
      _react2.default.createElement(
        'div',
        { className: _Example2.default.box },
        'Dark Theme'
      )
    ),
    _react2.default.createElement('br', null),
    _react2.default.createElement(
      _Tooltip2.default,
      {
        active: true,
        placement: 'right',
        alignment: 'center',
        content: 'Error Theme',
        showTrigger: 'custom',
        hideTrigger: 'custom',
        theme: 'error'
      },
      _react2.default.createElement(
        'div',
        { className: _Example2.default.box },
        'Error Theme'
      )
    )
  );
};