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

const meta = {
  title: "Navigation/Pagination",
  component: Pagination,
  tags: ["autodocs"],
} satisfies Meta<typeof Pagination>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Default: Story = {
  render: () => {
    const [page, setPage] = useState(3);
    return <Pagination page={page} pageCount={10} onChange={setPage} />;
  },
};