import React from 'react';
import { ThemeOverrideProps } from '@xsolla/xui-core';

type PaginationSize = "sm" | "md" | "lg";
interface PaginationProps {
    /**
     * Property to specify the size of the pagination.
     * @default "md"
     */
    size?: PaginationSize;
    /**
     * Current page number (1-indexed).
     * @default 1
     */
    currentPage?: number;
    /**
     * Total number of pages.
     * @default 1
     */
    totalPages?: number;
    /**
     * Number of page buttons to show on each side of the current page.
     * @default 1
     */
    siblingCount?: number;
    /**
     * Callback fired when a page is clicked.
     */
    onPageChange?: (page: number) => void;
    /**
     * Whether the pagination is disabled.
     * @default false
     */
    disabled?: boolean;
    /**
     * Property for specifying the stretch of the pagination to fit the parent element.
     * @default false
     */
    stretched?: boolean;
    /**
     * Whether to show the previous/next buttons.
     * @default true
     */
    showNavigation?: boolean;
    /**
     * Custom background color for the pagination container
     */
    backgroundColor?: string;
    testID?: string;
}

declare const Pagination: React.FC<PaginationProps & ThemeOverrideProps>;

export { Pagination, type PaginationProps, type PaginationSize };