import { Handle, Position } from "react-flow-renderer";
import {
  bottomBigStyle,
  bottomSmallStyle,
  topBigStyle,
  topDoubleRightStyle,
} from "../styles";

type DelayNodeProps = {};

const DelayNode = (props: DelayNodeProps) => {
  return (
    <div className="delay-node node-layout">
      <Handle
        style={topDoubleRightStyle}
        type="target"
        position={Position.Top}
      />
      <div className="node-header">
        <span className="node-title">Задержка</span>
      </div>
      <div className="node-content">
        <select className="node-content-select nodrag">
          <option>1 c</option>
          <option>2 c</option>
        </select>
      </div>

      <Handle
        style={bottomSmallStyle}
        type="source"
        position={Position.Bottom}
      />
    </div>
  );
};

export default DelayNode;
