import { Tooltip } from "@components/Tooltip/Tooltip";
import { Meta, StoryObj } from "@storybook/react";


const meta = {
  title: "Example/Tooltip",
  component: Tooltip,
  parameters: {
    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
    layout: "centered",
  },
  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
  tags: ["autodocs"],
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
  argTypes: {
    color: {
      defaultValue: "primary",
    },
  },
} satisfies Meta<typeof Tooltip>;

export default meta;

type Story = StoryObj<typeof meta>;


export const Default: Story = {
  args: {
    title: "Tooltip",
    label: "Hover here",
  },
};

export const Top: Story = {
  args: {
    title: "Tooltip",
    label: "Hover here",
    placement: 'top'
  },
};

export const Arrow = {
  args: {
    title: "Tooltip",
    label: "Hover here",
    placement: 'bottom',
    arrow: true
  },
};