@vtex/styleguide/lib/Tooltip/tooltip.stories.js

> VTEX Styleguide React components ([Docs](https://vtex.github.io/styleguide))

"use strict";

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

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _ = require(".");

var _2 = _interopRequireDefault(_);

var _Button = require("../Button");

var _Button2 = _interopRequireDefault(_Button);

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

var positions = ['top', 'left', 'right', 'bottom'];
exports.default = {
  title: 'Components/Tooltip',
  component: _2.default,
  argTypes: {
    position: {
      control: {
        type: 'select',
        options: positions
      }
    },
    fallbackPosition: {
      control: {
        type: 'select',
        options: positions
      }
    },
    trigger: {
      control: {
        type: 'inline-radio',
        options: ['click', 'hover', 'focus']
      }
    },
    wordBreak: {
      control: {
        type: 'select',
        options: ['normal', 'break-all', 'keep-all', 'break-word']
      }
    }
  }
};

var Template = function Template(args) {
  return _react2.default.createElement(_2.default, args);
};

var Default = exports.Default = Template.bind({});
Default.args = {
  label: 'Tooltip Label',
  trigger: 'hover',
  wordBreak: 'normal',
  position: 'bottom',
  delay: 0,
  fallbackPosition: 'right',
  children: _react2.default.createElement(_Button2.default, {
    type: "button"
  }, "Button"),
  size: 'small'
};