import { jsx as _jsx } from "react/jsx-runtime";
import { memo } from 'react';
import { useStepDataTable } from '../hooks/useStepDataTable.js';
import { useTableColumnNames } from '../hooks/useTableColumnNames.js';
import { SpreadBase } from './Spread.base.js';
export const Spread = /*#__PURE__*/ memo(function Spread({ step , graph , input , table , onChange  }) {
    const dataTable = useStepDataTable(step, graph, input, table);
    const columns = useTableColumnNames(dataTable);
    return /*#__PURE__*/ _jsx(SpreadBase, {
        step: step,
        onChange: onChange,
        columns: columns
    });
});
