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

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

export default meta;

type Story = StoryObj<typeof meta>;

export const Primary: Story = {
  args: {
    variant: "standard",
  },
};
// export const ColoredTab: Story = {
//   args: {
//     variant: "scrollable",
//     color: "primary",
//     textColor: "secondary",
//     indicatorColor: "secondary",
//     scrollButtons: true
//   },
// };
// export const Disabled: Story = {
//   args: {
//     variant: "standard",
//     value: 0,
//   },
// };
export const Orientation: Story = {
  args: {
    variant: "standard",
    orientation: "vertical",
  },
};
// export const Scrollabel: Story = {
//   args: {
//     variant: "scrollable",
//     allowScrollButtonsMobile: true,
//     orientation: "horizontal",
//   },
// };