import React from "react";
import { FieldSet } from "../../../lib";
import { GroupedDataProps } from "../../../lib/data/groupeddata";
import { ButtonLinkProps, ButtonProps } from "../../button";
import "./itemgrid.scss";
export type ItemGridProps<T extends object = object> = GroupedDataProps<T>;
/**
 * ItemGrid Component
 *
 * Shows item over various rows.
 *
 * @typeParam T - The shape of a single item.
 */
export declare const ItemGrid: <T extends object = object>({ buttonProps, buttonLinkProps, fieldset, fieldsets, groupBy, objectList, objectLists, renderPreview, title, urlFields, onClick, ...props }: ItemGridProps<T>) => React.JSX.Element;
export type ItemGridSectionProps<T extends object = object> = Omit<React.ComponentProps<"section">, "onClick"> & {
    buttonLinkProps?: ButtonLinkProps;
    buttonProps?: ButtonProps;
    fieldset: FieldSet<T>;
    objectList: T[];
    renderPreview?: (data: T) => React.ReactNode;
    urlFields: (keyof ItemGridSectionProps["objectList"][number])[];
    onClick?: (event: React.MouseEvent, data: T) => void;
};
export declare const ItemGridSection: <T extends object = object>({ buttonLinkProps, buttonProps, fieldset, objectList, renderPreview, urlFields, onClick, }: ItemGridSectionProps<T>) => React.JSX.Element;
export type ItemGridItemProps<T extends object = object> = Omit<React.ComponentProps<"li">, "onClick"> & {
    buttonLinkProps?: ButtonLinkProps;
    buttonProps?: ButtonProps;
    fieldset: FieldSet<T>;
    object: T;
    renderPreview?: (data: T) => React.ReactNode;
    urlFields: (keyof ItemGridItemProps["object"])[];
    onClick?: (event: React.MouseEvent, data: T) => void;
};
export declare const ItemGridItem: <T extends object = object>({ buttonLinkProps, buttonProps, fieldset, object, renderPreview, urlFields, onClick, }: ItemGridItemProps<T>) => React.JSX.Element;
export type ItemGridButtonProps<T extends object = object> = {
    buttonLinkProps?: ButtonLinkProps;
    buttonProps?: ButtonProps;
    href?: string;
    object: T;
    renderPreview?: (data: T) => React.ReactNode;
    title: string;
    onClick?: (event: React.MouseEvent, data: T) => void;
};
export declare const ItemGridButton: <T extends object = object>({ buttonLinkProps, buttonProps, href, title, object, renderPreview, onClick, }: ItemGridButtonProps<T>) => React.JSX.Element;