import {ButtonComponent as Button} from '../../atoms';
import {TooltipComponent as Tooltip} from './tooltip.component';
import type {Meta, StoryObj} from '@storybook/react';
import React from 'react';

const meta: Meta<typeof Tooltip> = {
    title: 'Molecules/Tooltip',
    component: Tooltip,
};
export default meta;

type Story = StoryObj<typeof Tooltip>;

export const Default: Story = {
    render: (args) => (
        <Tooltip data-testid='tooltip' {...args}>
            <Button>Bring Your Mouse Here</Button>
        </Tooltip>
    ),
    args: {
        title: 'This is a tooltip',
        description:
            'Tooltips are used to describe or identify an element. In most scenarios, tooltips help the user understand the meaning, function or alt-text of an element.',
    },
};
