/components/pageControl/pageControl

import { pageControl } from "@hedia/hexui/components/page-control";
import { div } from "@hedia/html/elements";

export default {
  Default,
  Sizes,
  ManyPages,
  SinglePage,
  TwoPages,
};

export function Default() {
  return [
    div(pageControl({ currentPage: 1, numberOfPages: 3 })),
    div(pageControl({ currentPage: 2, numberOfPages: 3 })),
    div(pageControl({ currentPage: 3, numberOfPages: 3 })),
  ];
}

export function Sizes() {
  return [
    div(pageControl({ currentPage: 1, numberOfPages: 4, size: "sm" })),
    div(pageControl({ currentPage: 2, numberOfPages: 4, size: "md" })),
    div(pageControl({ currentPage: 3, numberOfPages: 4, size: "lg" })),
  ];
}

export function ManyPages() {
  return [
    div(pageControl({ currentPage: 1, numberOfPages: 5 })),
    div(pageControl({ currentPage: 3, numberOfPages: 5 })),
    div(pageControl({ currentPage: 5, numberOfPages: 5 })),
  ];
}

export function SinglePage() {
  return [div(pageControl({ currentPage: 1, numberOfPages: 1 }))];
}

export function TwoPages() {
  return [
    div(pageControl({ currentPage: 1, numberOfPages: 2 })),
    div(pageControl({ currentPage: 2, numberOfPages: 2 })),
  ];
}