import type * as React from 'react';
/**
 * 페이지네이션 프리미티브 루트 (`<nav>`)
 * 스크린리더가 페이지 탐색 영역임을 인지할 수 있도록 navigation landmark로 동작합니다.
 *
 * 일반적인 경우에는 편의 컴포넌트 `Pagination`을 사용하고,
 * 비표준 레이아웃이나 링크 기반(`<a>`) 페이지네이션이 필요할 때 이 프리미티브를 직접 조합합니다.
 */
declare function PaginationRoot({ className, ...props }: React.ComponentProps<'nav'>): React.JSX.Element;
/** 페이지 항목을 감싸는 리스트 컨테이너 (`<ul>`) */
declare function PaginationContent({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
/** 개별 페이지 항목 (`<li>`) */
declare function PaginationItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
/**
 * 페이지 번호 · 컨트롤러 버튼의 공통 스타일.
 *
 * 상태별 색상은 디자인 스펙을 따릅니다.
 * - 기본/Hover/Focused: gray-600 텍스트, hover 시 gray-25, focus 시 gray-100 배경
 * - 활성(현재 페이지): lime-50 배경 + lime-400 텍스트
 * - 비활성(disabled, 컨트롤러 한정): gray-100 아이콘
 */
declare const paginationButtonVariants: (props?: ({
    isActive?: boolean | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
type PaginationButtonProps = {
    /** 현재 페이지 여부. `true`면 `aria-current="page"`와 활성 스타일을 적용합니다. */
    isActive?: boolean;
    /** `<a>`/라우터 Link 등 다른 엘리먼트로 렌더링할 때 사용합니다. */
    asChild?: boolean;
} & React.ComponentProps<'button'>;
/**
 * 페이지 번호 버튼 (Figma: 30x30px)
 *
 * - `asChild`로 `<a>`나 라우터 Link로 교체할 수 있습니다.
 * - 클릭 후 포커스 잔상이 남지 않도록 blur 처리합니다.
 */
declare function PaginationButton({ className, isActive, asChild, onClick, ...props }: PaginationButtonProps): React.JSX.Element;
type PaginationNavButtonProps = Omit<PaginationButtonProps, 'isActive' | 'children'>;
/** 첫 페이지로 이동 (Figma: 20x20px) */
declare function PaginationFirst({ className, ...props }: PaginationNavButtonProps): React.JSX.Element;
/** 이전 페이지로 이동 (Figma: 20x20px) */
declare function PaginationPrevious({ className, ...props }: PaginationNavButtonProps): React.JSX.Element;
/** 다음 페이지로 이동 (Figma: 20x20px) */
declare function PaginationNext({ className, ...props }: PaginationNavButtonProps): React.JSX.Element;
/** 마지막 페이지로 이동 (Figma: 20x20px) */
declare function PaginationLast({ className, ...props }: PaginationNavButtonProps): React.JSX.Element;
type PaginationProps = {
    /** 현재 페이지 (1-based) */
    currentPage: number;
    /** 전체 페이지 수 */
    totalPages: number;
    /** 페이지 변경 콜백 */
    onPageChange: (page: number) => void;
    /**
     * 한 번에 노출할 최대 페이지 번호 개수
     * @default 5
     */
    pageWindowSize?: number;
    /** 루트 `<nav>`에 전달할 className */
    className?: string;
};
/**
 * 페이지네이션 (편의 컴포넌트 · 드롭인)
 *
 * `currentPage` · `totalPages` · `onPageChange`만 넘기면 컨트롤러와 페이지 번호를
 * 디자인 스펙대로 렌더링합니다. 전체 페이지가 1개 이하면 아무것도 렌더링하지 않습니다.
 *
 * 비표준 레이아웃이나 링크 기반(`<a>`) 페이지네이션이 필요하면
 * `PaginationRoot` 등 프리미티브를 직접 조합하세요.
 *
 * @example
 * ```tsx
 * const [page, setPage] = useState(1);
 * <Pagination currentPage={page} totalPages={20} onPageChange={setPage} />
 * ```
 */
declare function Pagination({ currentPage, totalPages, onPageChange, pageWindowSize, className }: PaginationProps): React.JSX.Element | null;
export * from './usePagination';
export type { PaginationButtonProps, PaginationNavButtonProps, PaginationProps };
export { Pagination, PaginationButton, PaginationContent, PaginationFirst, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, paginationButtonVariants, };
//# sourceMappingURL=index.d.ts.map