import { ITilesGridItem, ITilesGridSegment, ITilesGridItemCellProps, ITilesListRootProps, ITilesListRowProps } from '@fluentui/react-experiments/lib/TilesList';
import { IRenderFunction } from '@fluentui/utilities';
export interface IExampleItem {
    key: string;
    name: string;
    index: number;
    aspectRatio: number;
}
export interface IExampleGroup {
    items: IExampleItem[];
    name: string;
    index: number;
    type: 'document' | 'media';
    key: string;
}
export declare function createMediaItems(count: number, indexOffset: number): IExampleItem[];
export declare function createDocumentItems(count: number, indexOffset: number): IExampleItem[];
export declare function createGroup(items: IExampleItem[], type: 'document' | 'media', index: number): IExampleGroup;
export declare function onRenderTilesListExampleRoot(rootProps?: ITilesListRootProps<IExampleItem>, defaultRender?: IRenderFunction<ITilesListRootProps<IExampleItem>>): JSX.Element | null;
export declare function onRenderTilesListExampleRow(rowProps?: ITilesListRowProps<IExampleItem>, defaultRender?: IRenderFunction<ITilesListRowProps<IExampleItem>>): JSX.Element | null;
export declare function getExampleTilesListCells(groups: IExampleGroup[], { onRenderCell, onRenderHeader, size, shimmerMode, }: {
    onRenderHeader: (props: ITilesGridItemCellProps<IExampleItem>) => JSX.Element | null;
    onRenderCell: (props: ITilesGridItemCellProps<IExampleItem>) => JSX.Element | null;
    size?: 'large' | 'small';
    shimmerMode?: boolean;
}): (ITilesGridSegment<IExampleItem> | ITilesGridItem<IExampleItem>)[];
export declare function createShimmerGroups(type: 'document' | 'media', index: number): IExampleGroup[];