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

type LedNodeProps = {};

const LedNode = (props: LedNodeProps) => {
  return (
    <div className="led-node node-layout">
      <Handle style={topBigStyle} type="target" position={Position.Top} />

      <div className="node-header">
        <span className="node-title">Светодиод</span>
      </div>

      <div className="node-content">
        <select className="nodrag">
          <option>Включить</option>
          <option>Выключить</option>
        </select>
      </div>

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

export default LedNode;