import React from 'react'
import { Meta } from '@storybook/react/types-6-0'
import { Story } from '@storybook/react'
import { Tooltip,TooltipProps } from './Tooltip'
import { AiOutlineQuestionCircle } from 'react-icons/ai'

export default {
  title:'Components/Tooltip',
  component: Tooltip,
  argTypes: {},
} as Meta

const Template: Story<TooltipProps> = (args) => <Tooltip {...args}/>

export const Basic = Template.bind({})
Basic.args = { icon:<AiOutlineQuestionCircle/>, info:'You don\'t have permission for this' }