import type { TableProps } from './Table.types'; /** * Table - Componente principal de tabla * * Características implementadas: * - Definición de columnas flexible con accessor y render custom * - Sorting en columnas (controlado o no controlado) * - Variantes: basic, fullWidth, striped, grid * - Dark mode completo en todos los estados * - Estados de loading y empty * - Filas clickeables * - Accesibilidad con roles y keyboard navigation * * Mejores prácticas implementadas: * - Orden de modificadores: {responsive}:{dark}:{state}:{utility} * - Dark mode con estrategia 'class' (darkMode: 'class') * - Tokens de color consistentes con la documentación * - Type safety con TypeScript estricto y generics * - Accesibilidad con ARIA labels y keyboard support * * @see docs/colors.md - Sistema de colores * @see docs/typography.md - Sistema tipográfico (Label/Small para headers, Paragraph/Small para cells) * @see docs/spacing.md - Sistema de espaciado * @see docs/shadows.md - Sistema de sombras * * @example * ```tsx * // Uso básico * * * // Con render custom *
( * * {value} * * ), * }, * ]} * data={data} * /> * * // Variante striped *
* ``` */ export declare const Table: >({ title, columns, data, variant, showBorder, showShadow, showPadding, onRowClick, onRowDoubleClick, disableRowTextSelection, suppressRowClickOnDoubleClick, doubleClickDelay, onSort, sortColumn: externalSortColumn, sortDirection: externalSortDirection, fullWidth, emptyMessage, loading, loadingRows, pagination, isRowSelected, className, id, stickyHeader, headerBand, minGridHeight, accentHover, dense, }: TableProps) => import("react/jsx-runtime").JSX.Element; //# sourceMappingURL=Table.d.ts.map