import { ComponentStory, ComponentMeta } from '@storybook/react';
import { PaginationRight } from './index';

export default {
  title: 'Design System/PaginationRight',
  component: PaginationRight,
  argTypes: {
    totalPages: {
      control: { type: 'number', min: 1000, max: 3420 },
    },
    pageStart: {
      control: { type: 'number', min: 1, max: 3410 },
    },
    pageEnd: {
      control: { type: 'number', min: 1, max: 3420 },
    },
  },
} as ComponentMeta<typeof PaginationRight>;

export const Interactive: ComponentStory<typeof PaginationRight> = (args) => {
  return <PaginationRight {...args} />;
};

Interactive.args = {
  totalPages: 1340,
  pageStart: 1,
  pageEnd: 10,
};