import type {Meta, StoryObj} from '@storybook/react';
import AlternativeTooltip, {AlternativeTooltipProps} from "../../components/UI/AlternativeTooltip/AlternativeTooltip";
import React, {ReactNode} from "react";


const meta: Meta<typeof AlternativeTooltip> = {
    title: 'Components/Tooltips/AlternativeTooltip',
    component: AlternativeTooltip,
}
export default meta;

type Story = StoryObj<typeof meta>;

export const AlternativeTooltipEx: Story = {

    render: (args: any) =>
        <div style={{
            padding: '5rem',
            position: 'relative',
            width: 'fit-content'
        }}>
            <p>This Component is used only in <b>Module Box</b> and it add a hoverable tooltip</p>
            <AlternativeTooltip {...args}/>
        </div>
    ,

    argTypes: {
        text: {
            control: {
                type: "text",
            }
        }
    },
    args: {
        text: 'Alternative tooltip',
    },

};