import React from 'react';
import { Tooltip, TooltipContent, Button, H4, Text, Box } from '../../index.js';
import StoryWrapper from '../../utils/story-wrapper.js';
const Direction = {
  right: 'right',
  left: 'left',
  top: 'top',
  bottom: 'bottom'
};
const Size = ['default', 'lg'];
export const Default = props => /*#__PURE__*/React.createElement(Box, {
  width: 1 / 3
}, /*#__PURE__*/React.createElement(StoryWrapper, {
  label: "Regular example"
}, /*#__PURE__*/React.createElement(Tooltip, props, /*#__PURE__*/React.createElement(Button, null, "Standard text"))), /*#__PURE__*/React.createElement(StoryWrapper, {
  label: "Custom component as tooltip"
}, /*#__PURE__*/React.createElement(Tooltip, props, /*#__PURE__*/React.createElement(TooltipContent, null, /*#__PURE__*/React.createElement(H4, null, "Header"), /*#__PURE__*/React.createElement(Text, null, "Some text inside the tooltip?")), /*#__PURE__*/React.createElement(Button, null, "Header with sth"))));
export default {
  title: 'DesignSystem/Atoms/Tooltip',
  argTypes: {
    direction: {
      defaultValue: Direction.top,
      options: Object.values(Direction),
      control: {
        type: 'select'
      }
    },
    size: {
      defaultValue: Size[0],
      options: Size,
      control: {
        type: 'select'
      }
    },
    title: {
      defaultValue: 'Example info',
      control: {
        type: 'text'
      }
    }
  }
};