import React, { memo } from 'react';
import { DefaultCellRenderer } from '../../helpers';
export var TableColumnDragPreview = memo(function (_a) {
    var columnHeight = _a.columnHeight, draggingColumn = _a.draggingColumn;
    if (!draggingColumn) {
        return null;
    }
    var rowData = draggingColumn.rowData, columnValue = draggingColumn.columnValue, getColumnWidth = draggingColumn.getColumnWidth;
    var CellRenderer = rowData.cellRenderer || DefaultCellRenderer;
    var columnWidth = getColumnWidth();
    return (React.createElement("div", { style: {
            width: columnWidth,
            height: columnHeight,
            background: 'rgba(245,245,245, .5)',
            pointerEvents: 'none'
        } },
        React.createElement(CellRenderer, { value: columnValue[rowData.id] })));
});
TableColumnDragPreview.displayName = 'TableColumnDragPreview';
