import { jsx as _jsx } from "react/jsx-runtime";
import { DataGrid } from '../DataGrid';
import { useComputedColumns } from './hooks/useComputedColumns';
import { Sliders } from './Sliders';
/** ⚠️**Unstable component**
 *
 * Таблица с возможностью регулировать ширину колонок через drag-and-drop, построенная на css grid.
 *
 * Новые значения ширин колонок сохраняются в localStorage, и будут применены при последующих рендерах.
 * Хэш ключ для сохранения в localStorage формируется на основании набора значений field и width всех колонок таблицы.
 */
export const ResizingDataGrid = ({ columns, ...props }) => {
    const { computedColumns, ...restSliderProps } = useComputedColumns(columns);
    return (_jsx(DataGrid, { headPreAddon: _jsx(Sliders, { ...restSliderProps }), columns: computedColumns, ...props }));
};
