/components/pagination/pagination

import { pagination } from "@hedia/hexui/components/pagination";
import { div } from "@hedia/html/elements";

export default {
  Default,
  FirstPage,
  MiddlePage,
  LastPage,
  CustomLabels,
};

export function Default() {
  return div(
    pagination({
      skip: 0,
      limit: 25,
      total: 12,
    }),
  );
}

export function FirstPage() {
  return div(
    pagination({
      skip: 0,
      limit: 25,
      total: 100,
      nextHref: "?skip=25&limit=25",
      lastHref: "?skip=75&limit=25",
    }),
  );
}

export function MiddlePage() {
  return div(
    pagination({
      skip: 25,
      limit: 25,
      total: 100,
      firstHref: "?skip=0&limit=25",
      previousHref: "?skip=0&limit=25",
      nextHref: "?skip=50&limit=25",
      lastHref: "?skip=75&limit=25",
    }),
  );
}

export function LastPage() {
  return div(
    pagination({
      skip: 75,
      limit: 25,
      total: 100,
      firstHref: "?skip=0&limit=25",
      previousHref: "?skip=50&limit=25",
    }),
  );
}

export function CustomLabels() {
  return div(
    pagination({
      skip: 0,
      limit: 10,
      total: 42,
      nextHref: "?skip=10&limit=10",
      lastHref: "?skip=40&limit=10",
      labels: {
        showing: "Viser",
        of: "af",
        itemName: "licenser",
        first: "Første",
        last: "Sidste",
      },
    }),
  );
}