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

type LedNodeProps = {};

const LedNode = (props: LedNodeProps) => {
  return (
    <div className="led-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="nodrag">
          <option>Включить</option>
          <option>Выключить</option>
        </select>
      </div>

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

export default LedNode;
