import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import Tooltip from '../components/Ui/tooltip/Tooltip';

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: 'UI elements /Toolip',
  component: Tooltip,
  // Sets the layout parameter component wide.
  parameters: {
    layout: 'centered',
  },
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
  argTypes: {
    position: {defaultValue: 'top', control:{ type:"select", options:["top", "right", "bottom", "left"]}},
    actions: {defaultValue: 'hover', control:{ type:"select", options:["hover", "click"]}},
  },
} as ComponentMeta<typeof Tooltip>;

const Template: ComponentStory<typeof Tooltip> = (args) => <Tooltip {...args} />;

export const BasicTooltip = Template.bind({});
BasicTooltip.args = {
  position: 'top',
  actions: 'hover',
  message: 'Lorem Ipsum is simply dummy text',
  children: 'Lorem Ipsum is simply dummy text'
};