import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import Tooltip from './Tooltip';
import markdown from './README.mdx';
import { OverflowMenuGlyph, MenuGlyph } from '@wfp/icons-react';
export default {
  title: 'Components/UI Elements/Tooltip',
  component: Tooltip,
  parameters: {
    status: 'released',
    mdx: markdown
  }
};
export var Regular = function Regular(args) {
  return /*#__PURE__*/React.createElement(Tooltip // options
  , args, "Hover here to show tooltip");
};
Regular.args = {
  content: 'Label text',
  children: 'This is a helper text'
};
export var Dark = function Dark(args) {
  return /*#__PURE__*/React.createElement(Tooltip // options
  , _extends({}, args, {
    trigger: "click"
  }), /*#__PURE__*/React.createElement("span", null, "Click here to show tooltip"));
};
Dark.args = {
  content: 'Label text',
  children: 'This is a helper text',
  dark: true
};
Dark.story = {
  parameters: {
    docs: {
      storyDescription: "Use the `dark` style as an alternative for small tooltips"
    }
  }
};
export var WithIcon = function WithIcon(args) {
  return /*#__PURE__*/React.createElement(Tooltip, _extends({}, args, {
    trigger: "click",
    placement: 'bottom',
    createRefWrapper: true,
    content: "Label Text"
  }), /*#__PURE__*/React.createElement(MenuGlyph, {
    description: "options"
  }));
};
WithIcon.story = {
  parameters: {
    docs: {
      storyDescription: "By using the `createRefWrapper` prop a html element around the trigger will be added. This is useful for components without `forwardRef` support."
    }
  }
};
WithIcon.args = {
  content: 'Label text',
  children: 'This is a helper text'
};