@payfit/unity-components
Version:
31 lines (30 loc) • 1.46 kB
TypeScript
import { VariantProps } from '@payfit/unity-themes';
import { ComponentPropsWithoutRef, ReactNode } from 'react';
export declare const paginationContent: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex uy:gap-100 uy:list-none uy:m-0 uy:p-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:flex uy:gap-100 uy:list-none uy:m-0 uy:p-0", unknown, unknown, undefined>>;
export interface PaginationContentProps extends VariantProps<typeof paginationContent>, ComponentPropsWithoutRef<'ul'> {
children: ReactNode;
}
/**
* The PaginationContent component provides a list container for pagination items.
* This component renders as a ul element with proper list semantics.
* @param props.children - The children to render.
* @example
* ```tsx
* import { PaginationContent, PaginationItem, RawPaginationLink } from '@payfit/unity-components'
*
* function MyPaginationContent() {
* return (
* <PaginationContent>
* <PaginationItem>
* <RawPaginationLink href="/page/1">1</RawPaginationLink>
* </PaginationItem>
* <PaginationItem>
* <RawPaginationLink href="/page/2">2</RawPaginationLink>
* </PaginationItem>
* </PaginationContent>
* )
* }
* ```
*/
declare const PaginationContent: import('react').ForwardRefExoticComponent<PaginationContentProps & import('react').RefAttributes<HTMLUListElement>>;
export { PaginationContent };