import * as React from 'react';
export interface AnalyticsLayoutProps<TItem = React.ReactNode> {
    /** Applied as data-hook HTML attribute that can be used in the tests. */
    dataHook?: string;
    /** Specifies a CSS class name to be appended to the component's root element.
     * @internal
     */
    className?: string;
    /** Defines the items to render. Each item is passed to the `children` render function. */
    items: TItem[];
    /** Shows or hides divider. */
    showDivider?: boolean;
    /** Specifies whether to show dividers between the items. Used only when `showDivider` isn't set.
     * @deprecated Use `showDivider` instead.
     */
    divider?: boolean;
    /** Sets minimum number of items per row.
     * @default 2
     * */
    minItemsPerRow?: number;
    /** Sets maximum number of items per row.
     * @default 3
     * */
    maxItemsPerRow?: number;
    /** Accepts a render function which is called for each item with the item, its index in the row and the number of items in that row, and returns the content to render. */
    children: AnalyticsLayoutChildren<TItem>;
}
type AnalyticsLayoutChildren<TItem> = (item: TItem, index: number, rowItemsCount: number) => React.ReactNode;
export interface AnalyticsLayoutCellProps {
    /** Applies a data-hook HTML attribute that can be used in the tests. */
    dataHook?: string;
    /** Disables the highlight border that the cell shows while it's hovered.
     * @default false
     */
    disableHighlight?: boolean;
    /** Specifies whether to show the cell divider. Used only when `showDivider` isn't set.
     * @default true
     */
    divider?: boolean;
    /** Shows or hides divider. */
    showDivider?: boolean;
    /** Accepts any content to render inside the cell. */
    children: React.ReactNode;
}
export {};
//# sourceMappingURL=AnalyticsLayout.types.d.ts.map