import { jsx as _jsx } from "react/jsx-runtime";
import { memo } from 'react';
import { useStepDataTable, useTableColumnNames } from '../hooks/index.js';
import { MergeBase } from './Merge.base.js';
/**
 * Just the to/value inputs for an impute.
 * Input table is expected to be edited elsewhere and configured as the step input.
 */ export const Merge = /*#__PURE__*/ memo(function Merge({ step , graph , input , table , onChange  }) {
    const dataTable = useStepDataTable(step, graph, input, table);
    const columnNames = useTableColumnNames(dataTable);
    return /*#__PURE__*/ _jsx(MergeBase, {
        step: step,
        onChange: onChange,
        columns: columnNames
    });
});
