import type { Meta, StoryObj } from "@storybook/react";
import { Popover } from "../components/Popover/Popover";


const meta = {
  title: "Example/Popover",
  component: Popover,
  parameters: {
    layout: "centered",
  },
  tags: ["autodocs"],
  argTypes: {
    color: {
      defaultValue: "error",
    },
  },
} satisfies Meta<typeof Popover>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Primary: Story = {
  args: {
    open: true,
  },
};

export const Elevation: Story = {
  args: {
    open: true,
    elevation: 20
  },
};
export const Margin: Story = {
  args: {
    open: true,
    marginThreshold: 20,
    anchorReference: 'none',
  },
};