"use client";

import { Pagination } from "@/components/ui/pagination";
import { useTranslations } from "next-intl";

interface WorkPaginationProps {
  currentPage: number;
  totalPages: number;
  totalItems: number;
  itemsPerPage: number;
  onPageChange: (page: number) => void;
}

export default function WorkPagination({
  currentPage,
  totalPages,
  totalItems,
  itemsPerPage,
  onPageChange,
}: WorkPaginationProps) {
  const t = useTranslations("ourWorks.pagination");

  return (
    <Pagination
      currentPage={currentPage}
      totalPages={totalPages}
      totalItems={totalItems}
      itemsPerPage={itemsPerPage}
      onPageChange={onPageChange}
      showItemsPerPage={false}
      className="border-t-0"
      labels={{
        previous: t("previous"),
        next: t("next"),
        showing: t("showing"),
        of: t("of"),
        itemsPerPage: t("itemsPerPage"),
      }}
    />
  );
}