import { ColumnDef } from '@tanstack/react-table';

// columna de depuración: muestra el row.id interno de TanStack
export const debugIdCol: ColumnDef<any> = ({
    id: "__debug_row_id",
    header: () => <span className="font-medium">row.id</span>,
    cell: ({ row }) => (
        <code
            // Texto monoespaciado, truncado si es largo
            className="font-mono text-xs text-muted-foreground inline-block max-w-[14rem] truncate tabular-nums"
            aria-label={`Row id ${row.id}`}
            title={row.id}
        >
            {row.id}<br />
        </code>
    ),
    enableSorting: false,
    enableHiding: false, // ponlo en true si quieres que sea ocultable en ViewOptions
    size: 160,
    minSize: 120,
    maxSize: 260,
});
