import { default as React } from 'react';
export interface TableColumn<T> {
    /** Column key */
    key: string;
    /** Column label */
    label: React.ReactNode;
    /** Render cell content */
    render?: (row: T, index: number) => React.ReactNode;
    /** Column width */
    width?: string;
    /** Sortable column */
    sortable?: boolean;
    /** Align content */
    align?: 'left' | 'center' | 'right';
}
export interface TableProps<T> {
    /** Table columns */
    columns: TableColumn<T>[];
    /** Table data */
    data: T[];
    /** Row key extractor */
    keyExtractor: (row: T, index: number) => string;
    /** Sort configuration */
    sort?: {
        column: string;
        direction: 'asc' | 'desc';
    };
    /** Sort handler */
    onSort?: (column: string) => void;
    /** Row click handler */
    onRowClick?: (row: T, index: number) => void;
    /** Striped rows */
    striped?: boolean;
    /** Hoverable rows */
    hoverable?: boolean;
    /** Compact mode */
    compact?: boolean;
    /** Show border */
    bordered?: boolean;
    /** Empty state message */
    emptyMessage?: string;
    /** Additional className */
    className?: string;
}
/**
 * Table Component
 *
 * Data table with sorting, selection, and customization.
 * Generic component supporting any data type.
 *
 * @example
 * ```tsx
 * <Table
 *   columns={[
 *     { key: 'name', label: 'Name', sortable: true },
 *     { key: 'email', label: 'Email' },
 *     { key: 'role', label: 'Role', align: 'center' }
 *   ]}
 *   data={users}
 *   keyExtractor={(user) => user.id}
 *   sort={sort}
 *   onSort={handleSort}
 *   onRowClick={handleRowClick}
 *   hoverable
 * />
 * ```
 */
export declare function Table<T extends Record<string, any>>({ columns, data, keyExtractor, sort, onSort, onRowClick, striped, hoverable, compact, bordered, emptyMessage, className, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=table.d.ts.map