import { PagerProps } from './types';
/**
 * El componente `Pager` es un componente de paginación que permite navegar entre diferentes páginas
 * y controlar la cantidad de filas mostradas por página en una tabla o lista de registros.
 * ### Funcionalidades principales:
 * - Permite cambiar la página actual mediante el evento `onPageChange`.
 * - Ofrece un menú desplegable para seleccionar la cantidad de filas mostradas por página.
 * - Muestra el total de registros y la página actual de forma descriptiva.
 *
 * ### Propiedades:
 * - **`totalRecords`**: Número total de registros disponibles para paginar.
 * - **`rowsPerPageOptions`**: Opciones disponibles para la cantidad de filas por página (e.g., [5, 10, 25]).
 * - **`rowsPerPage`**: Cantidad actual de filas por página.
 * - **`page`**: Página actualmente seleccionada (índice basado en cero).
 * - **`onPageChange`**: Función que se invoca cuando el usuario cambia de página.
 * - **`onRowsPerPageChange`**: Función que se invoca cuando el usuario selecciona una nueva cantidad de filas por página.
 * - **`labelRows`**: Etiqueta para el selector de filas por página.
 * - **`labelOf`**: Etiqueta utilizada entre la página actual y el total de páginas.
 * - **`size`**: Tamaño del componente (`small` o `medium`).
 *
 * ### Dependencias:
 * - **`useComponentSize:`** Hook para determinar el tamaño del componente basado en el entorno o configuración.
 * @param {PagerProps} props - Propiedades del componente.
 * @param {number} props.totalRecords - Número total de registros disponibles.
 * @param {number[]} props.rowsPerPageOptions - Opciones de filas por página disponibles.
 * @param {number} props.rowsPerPage - Cantidad actual de filas por página.
 * @param {number} props.page - Página actualmente seleccionada.
 * @param {Function} props.onPageChange - Función que se invoca cuando el usuario cambia de página.
 * @param {Function} props.onRowsPerPageChange - Función que se invoca cuando el usuario cambia la cantidad de filas por página.
 * @param {string} props.labelRows - Etiqueta para el selector de filas por página.
 * @param {string} props.labelOf - Etiqueta para mostrar entre la página actual y el total de páginas.
 * @param {'small' | 'medium'} props.size - Tamaño del componente.
 * @returns {JSX.Element} Elemento JSX que representa el componente de paginación.
 *
 * ### Ejemplo de uso:
 * ```tsx
 * <Pager
 *   totalRecords={100}
 *   rowsPerPageOptions={[5, 10, 20]}
 *   rowsPerPage={10}
 *   page={0}
 *   onPageChange={(newPage) => console.log('Nueva página:', newPage)}
 *   onRowsPerPageChange={(newRows) => console.log('Filas por página:', newRows)}
 *   labelRows="Filas por página"
 *   labelOf="de"
 *   size="medium"
 * />
 * ```
 */
export declare function Pager(props: PagerProps): import("@emotion/react/jsx-runtime").JSX.Element;
export default Pager;
//# sourceMappingURL=Pager.d.ts.map