tharikida-ui/dist/components/Navigation/Pagination.d.ts

A modern, lightweight React UI component library with built-in theming, accessibility, and full TypeScript support. Create beautiful, responsive, and customizable web apps faster with ready-to-use components for any project.

import React from "react";
/**
 * `Pagination` is a navigation component for paginated content, supporting theming, custom styles, and corner radius.
 *
 * @param {object} props - The properties to customize the `Pagination` component.
 * @param {number} props.page - The current page number (1-based).
 * @param {number} props.pageCount - The total number of pages.
 * @param {(page: number) => void} props.onPageChange - Callback when the page changes.
 * @param {React.CSSProperties} [props.styles] - Custom styles for the pagination container.
 * @param {string} [props.className] - Additional className for the pagination container.
 * @param {number} [props.cornerRadius] - Custom border radius for pagination buttons. Overrides theme.cornerRadius if provided.
 * @param {string} [props.primaryColor] - Primary color for pagination buttons.
 * @param {string} [props.textColor] - Text color for pagination.
 * @param {string} [props.backgroundColor] - Background color for pagination container.
 * @param {string} [props.borderColor] - Border color for pagination buttons.
 * @param {string} [props.borderWidth] - Border width for pagination buttons.
 * @param {string} [props.borderStyle] - Border style for pagination buttons.
 * @param {string} [props.fontFamily] - Font family for pagination.
 * @param {number} [props.fontSize] - Font size for pagination.
 * @param {string} [props.fontWeight] - Font weight for pagination.
 * @param {string} [props.transitionDuration] - Transition duration for pagination.
 * @param {number} [props.spacingfactor] - Spacing factor for pagination.
 * @param {string} [props.hoverColor] - Hover color for pagination buttons.
 *
 * @returns {JSX.Element} A styled pagination navigation component.
 */
export interface PaginationProps {
    page: number;
    pageCount: number;
    onPageChange: (page: number) => void;
    styles?: React.CSSProperties;
    className?: string;
    cornerRadius?: number;
    primaryColor?: string;
    textColor?: string;
    backgroundColor?: string;
    borderColor?: string;
    borderWidth?: string;
    borderStyle?: string;
    fontFamily?: string;
    fontSize?: number;
    fontWeight?: string;
    transitionDuration?: string;
    spacingfactor?: number;
    hoverColor?: string;
}
declare const Pagination: ({ page, pageCount, onPageChange, styles, className, cornerRadius, primaryColor, textColor, backgroundColor, borderColor, borderWidth, borderStyle, fontFamily, fontSize, fontWeight, transitionDuration, spacingfactor, hoverColor, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
export default Pagination;