import { Meta, Canvas, Props, Story } from "@storybook/blocks";
import {
  ComponentHeading,
  ComponentStatus,
  COMPONENT_STATUS,
} from "../../storybook-components";
import { Pagination } from "./Pagination";

<Meta
  title="Deprecated/Components/To delete/Pagination"
  component={Pagination}
/>

<ComponentHeading
  componentName="Pagination"
  description=""
  sourcePath="src/components/Pagination/Pagination.tsx"
  hideDemosLink
/>

<ComponentStatus status={COMPONENT_STATUS.DEPRECATED} />

```jsx
import { Pagination } from "@conveyorhq/arrow-ds";
```

<Canvas>
  <Story name="Pagination">
    {() => {
      const [page, setPage] = React.useState(1);
      const handlePageChange = (newPage) => {
        setPage(newPage);
      };
      return (
        <Pagination
          currentPageNumber={page}
          itemsPerPage={14}
          totalItems={144}
          onPageChange={handlePageChange}
        />
      );
    }}
  </Story>
</Canvas>

## Props

<Props of={Pagination} />