"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _react = require("@storybook/react");

var _PhoneIcon = _interopRequireDefault(require("mdi-react/PhoneIcon"));

var _react2 = _interopRequireDefault(require("react"));

var _ = require(".");

var _Box = require("../Box");

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

var __jsx = _react2["default"].createElement;
var stories = (0, _react.storiesOf)('Tooltip', module);
stories.addDecorator(function (story) {
  return __jsx(_Box.Box, {
    maxWidth: "lg",
    mx: "auto",
    mt: 6,
    p: 6
  }, story());
});
stories.add('Default', function () {
  return __jsx(_.Tooltip, {
    label: "Welcome home",
    placement: "right",
    closeOnClick: true
  }, __jsx(_Button.Button, {
    variant: "primary",
    color: "blue"
  }, "Close"));
});
stories.add('with a string', function () {
  return __jsx(_.Tooltip, {
    label: "Welcome home"
  }, "This is a sample");
});
stories.add('with icon', function () {
  return __jsx(_.Tooltip, {
    hasArrow: true,
    shouldWrapChildren: true,
    label: "Welcome home",
    placement: "right"
  }, __jsx(_PhoneIcon["default"], null));
});
//# sourceMappingURL=examples.js.map