import React from 'react';
import { ListGridViewProps } from './ListGridView.types';
/**
 * ListGridView Component
 *
 * A grid-based component that displays items in rows and columns.
 * Supports row-specific item widths through the CategoryData.itemWidth property.
 *
 * @example
 * // Example with different item widths per row
 * const data = [
 *   { id: 1, name: 'Large Items', list: largeItems, itemWidth: 30 },
 *   { id: 2, name: 'Small Items', list: smallItems, itemWidth: 15 },
 * ];
 *
 * <ListGridView
 *   data={data}
 *   rowsCount={data.length}
 *   visibleRowsCount={2}
 *   isActive={true}
 *   onActiveChange={(rowIndex, colIndex) => console.log(rowIndex, colIndex)}
 * />
 */
export declare const ListGridView: React.MemoExoticComponent<(<T>({ rowsCount, visibleRowsCount, rowGap, data, withTitle, isActive, initialRowActiveIndex, onFirstRow, onUp, onDown, onActiveChange, ...listViewProps }: ListGridViewProps<T>) => import("react/jsx-runtime").JSX.Element)>;