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


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

export default meta;

type Story = StoryObj<typeof meta>;

export const Success: Story = {
  args: {
    buttonText: "Snackbar",
    severity: "success",
    message: "I'm a primary snackbar content",
    anchorOrigin : { vertical: "top", horizontal: "right" }
  },
};
export const Warning: Story = {
  args: {
    buttonText: "Snackbar",
    severity: "warning",
    message: "I'm a primary snackbar content",
    anchorOrigin : { vertical: "top", horizontal: "right" }
  },
};
export const Error: Story = {
  args: {
    buttonText: "Snackbar",
    severity: "error",
    message: "I'm a primary snackbar content",
    anchorOrigin : { vertical: "top", horizontal: "right" }
  },
};
// export const Top: Story = {
//   args: {
//     buttonText: "Snackbar",
//     severity: "error",
//     message: "I'm a top snackbar content",
//     anchorOrigin : { vertical: "top", horizontal: "right" }
//   },
// };
// export const Bottom: Story = {
//   args: {
//     buttonText: "Snackbar",
//     severity: "warning",
//     message: "I'm a Bottom snackbar content",
//     autoHideDuration: null,
//     anchorOrigin : { vertical: "bottom", horizontal: "right" } ,
//   },
// };
// export const CenterTop: Story = {
//   args: {
//     buttonText: "Snackbar",
//     severity: "success",
//     resumeHideDuration: 2222,
//     message: "I'm center top snackbar content",
//     anchorOrigin : { vertical: "top", horizontal: "center" }
//   },
// };
// export const CenterBottom: Story = {
//   args: {
//     buttonText: "Snackbar",
//     severity: "warning",
//     message: "I'm center bottom snackbar content",
//     anchorOrigin : { vertical: "bottom", horizontal: "center" }
//   },
// };
// export const LeftBottom: Story = {
//   args: {
//     buttonText: "Snackbar",
//     severity: "warning",
//     message: "I'm left bottom snackbar content",
//     anchorOrigin : { vertical: "bottom", horizontal: "left" }
//   },
// };
// export const RightTop: Story = {
//   args: {
//     buttonText: "Snackbar",
//     severity: "warning",
//     message: "I'm right top snackbar content",
//     anchorOrigin : { vertical: "top", horizontal: "left" }
//   },
// };