/**
 * @usevyre/react — DataGrid
 *
 * AI CONTEXT:
 * ┌─────────────────────────────────────────────────────────┐
 * │ Component:  DataGrid                                    │
 * │ Import:     import { DataGrid } from "@usevyre/react"   │
 * │                                                         │
 * │ Props:                                                  │
 * │   columns      = { key: string; label: string;          │
 * │                    sortable?: boolean;                  │
 * │                    width?: string }[]                   │
 * │   rows         = Record<string, unknown>[]              │
 * │   sortKey?     = string (controlled)                    │
 * │   sortDir?     = "asc"|"desc" (controlled)              │
 * │   onSort?      = (key: string, dir: "asc"|"desc") =>    │
 * │                   void                                  │
 * │   loading?     = boolean — shows 5 skeleton rows        │
 * │   emptyText?   = string (default: "No data")            │
 * │   stickyHeader? = boolean (default: false)              │
 * │                                                         │
 * │ Sort icons: ↕ unsorted, ↑ asc, ↓ desc                  │
 * │ Intentionally excludes: filtering, pagination           │
 * │   → Use Pagination component for page navigation        │
 * └─────────────────────────────────────────────────────────┘
 *
 * @example
 * const [sortKey, setSortKey] = useState<string | undefined>();
 * const [sortDir, setSortDir] = useState<"asc" | "desc">("asc");
 *
 * <DataGrid
 *   columns={[
 *     { key: "name",   label: "Name",   sortable: true },
 *     { key: "email",  label: "Email",  sortable: true },
 *     { key: "status", label: "Status", width: "120px" },
 *   ]}
 *   rows={users}
 *   sortKey={sortKey}
 *   sortDir={sortDir}
 *   onSort={(key, dir) => { setSortKey(key); setSortDir(dir); }}
 *   stickyHeader
 * />
 *
 * // With Pagination (filtering/pagination intentionally out of scope)
 * <DataGrid columns={columns} rows={pageRows} loading={isLoading} />
 * <Pagination page={page} totalPages={total} onChange={setPage} />
 */
import React from "react";
import type { BaseProps } from "../../types";
export interface DataGridColumn {
    key: string;
    label: string;
    sortable?: boolean;
    width?: string;
}
export interface DataGridProps extends BaseProps {
    columns: DataGridColumn[];
    rows: Record<string, unknown>[];
    sortKey?: string;
    sortDir?: "asc" | "desc";
    onSort?: (key: string, dir: "asc" | "desc") => void;
    loading?: boolean;
    emptyText?: string;
    stickyHeader?: boolean;
}
export declare const DataGrid: React.ForwardRefExoticComponent<DataGridProps & React.RefAttributes<HTMLDivElement>>;