/**
* BlogPagination - Editorial-style pagination component
*
* Provides navigation between paginated blog pages with
* previous/next buttons and numbered page links.
*/
import Link from "next/link";
import { BLOG_COLORS, getBlogTranslations, padNumber } from "@/lib/blog.config";
export interface BlogPaginationProps {
/** Current active page (1-based) */
currentPage: number;
/** Total number of pages */
totalPages: number;
/** Language for localization */
lang: "ar" | "en";
/** Base URL path (default: blog) */
basePath?: string;
}
export default function BlogPagination({
currentPage,
totalPages,
lang,
basePath = "blog",
}: BlogPaginationProps) {
const t = getBlogTranslations(lang);
const isAr = lang === "ar";
if (totalPages <= 1) {
return null;
}
return (
);
}
/** Chevron icon component for pagination buttons */
function ChevronIcon({ direction }: { direction: "left" | "right" }) {
return (
);
}