import styles from "./Node.module.css";
import { Handle, Position } from "react-flow-renderer";

type TimerNodeProps = {};

const TimerNode = (props: TimerNodeProps) => {
  return (
    // Базовый класс generic-node - прописана ширина и положение, цвет текста и фона

    // Nandle - ручка для коннекта. Можно задать оформление при помощи className, тип (target / source) и позицию

    // Label - подпись ноды. Можно стилизовать

    // Select - DropDown меню, можно стилизовать. Стоит класс nodrag для предотвращения залипания

    <div className="timer-node">
      <Handle className="" type="target" position={Position.Top} />

      <div className="generic-node-content">

      <label htmlFor="input">Время задержки: </label>
        <input> Время задержки</input>

      </div>

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

export default TimerNode;