import React, { memo } from 'react';
import { TableRow } from '../TableRow/TableRow';
import { useStyles } from './styles';
export var TableRowDragPreview = memo(function (_a) {
    var draggingRow = _a.draggingRow, tableClassName = _a.tableClassName, tableWidth = _a.tableWidth;
    var styles = useStyles();
    if (!draggingRow) {
        return null;
    }
    var columnsData = draggingRow.columnsData, rowData = draggingRow.rowData;
    return (React.createElement("div", { style: { width: tableWidth }, className: styles.root },
        React.createElement("table", { className: tableClassName },
            React.createElement("tbody", null,
                React.createElement(TableRow, { index: 1, key: rowData.id, rowData: rowData, columnsData: columnsData })))));
});
TableRowDragPreview.displayName = 'TableRowDragPreview';
