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

import { Pagination } from "@components/Pagination/Pagination";

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

export default meta;

type Story = StoryObj<typeof meta>;

export const Primary: Story = {
    args: {
        count: 10,
    },
};

export const Secondary: Story = {
    args: {
        count: 10,
        color: "secondary"
    },
};

export const Rounded: Story = {
    args: {
        count: 10,
        shape: "rounded"
    },
};

export const Text: Story = {
    args: {
        count: 10,
        variant: 'text'
    },
};

export const Outlined: Story = {
    args: {
        count: 10,
        shape: "rounded",
        variant: 'outlined'
    },
};

export const Disabled: Story = {
    args: {
        count: 10,
        disabled: true
    },
};

export const DefaultPage: Story = {
    args: {
        count: 10,
        defaultPage: 5
    },
};

export const Small: Story = {
    args: {
        count: 10,
        size: "small"
    },
};

export const Large: Story = {
    args: {
        count: 10,
        size: "large"
    },
};