import React from "react";
import type { LsgCardColumns, LsgCardVariant } from "../LsgCard";
import type { LsgGeneratedListItem } from "../LsgGeneratedList";
import type { LsgPaginationLabels } from "../LsgPagination";
import "./LsgBlogOverview.scss";
export interface LsgBlogOverviewProps {
    items: LsgGeneratedListItem[];
    /** Applies to every card, as the AEM dialog does. */
    cardVariant?: LsgCardVariant;
    maxColumns?: LsgCardColumns;
    /** Rows of cards per page; the page size is `maxColumns × rows`. */
    rows?: number;
    paginationLabels?: Partial<LsgPaginationLabels>;
    /** Shows the pagination's First and Last controls. */
    showFirstLast?: boolean;
    /** Collapses long runs of page numbers into "…". */
    truncatePages?: boolean;
    /** Announced to screen readers after a page change. */
    statusLabel?: (page: number, totalPages: number) => string;
    className?: string;
}
/**
 * Client-side, paginated card list for the AEM Generated List when "Enable
 * client-side React rendering" is on. ac-react-app mounts it into the
 * component's placeholder; see mapAemGeneratedListJson for the data.
 */
export declare const LsgBlogOverview: React.FC<LsgBlogOverviewProps>;