import { memo } from 'react';
import NodeShell from '../components/NodeShell.jsx';
import { useWorkflow } from '../context/WorkflowContext.jsx';
import { getNodeAccent } from '../lib/nodeRegistry.js';

function ComponentInputFlowNode({ id, data, selected, type }) {
  const { getNodeHandles } = useWorkflow();
  const handles = getNodeHandles(type, data);
  const runtime = data.runtime || {};

  return (
    <NodeShell
      nodeId={id}
      title={data.title}
      accent={getNodeAccent(type)}
      selected={selected}
      status={runtime.status}
      inputs={handles.inputs}
      outputs={handles.outputs}
      className="node-shell--system"
    >
      <div className="node-note">Получает значение из родительского компонента.</div>
    </NodeShell>
  );
}

export default memo(ComponentInputFlowNode);