import { default as React } from 'react';
export interface DataTableProps<T = any> {
    /** Array of data objects to display */
    data: T[];
    /** Array of column titles */
    columns: string[];
    /** Whether to show an action column (last column, no title) */
    hasActions?: boolean;
    /**
     * Callback to render cell content
     * @param item - The data object for the row
     * @param columnIndex - The index of the column (0-based)
     * @returns String, React component, or null/undefined for empty cell
     */
    renderCell: (item: T, columnIndex: number) => React.ReactNode | string | null | undefined;
    /**
     * Callback to render action button(s) for each row
     * @param item - The data object for the row
     * @returns React component or null/undefined for empty cell
     */
    renderAction?: (item: T) => React.ReactNode | null | undefined;
    /** Message to display when data array is empty */
    emptyMessage?: string;
    /**
     * Function to generate unique key for each row
     * @param item - The data object for the row
     * @param index - The row index
     * @returns Unique string key for the row
     */
    getRowKey?: (item: T, index: number) => string;
    /** Optional className for the table wrapper */
    className?: string;
}
/**
 * DataTable - A flexible, reusable table component
 *
 * Features:
 * - Flexible column configuration
 * - Custom cell rendering via callback
 * - Optional action column
 * - Empty state handling
 * - Light/dark theme support
 * - Responsive with horizontal scroll
 */
export declare const DataTable: <T>({ data, columns, hasActions, renderCell, renderAction, emptyMessage, getRowKey, className, }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=data-table.d.ts.map