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

type SensorNodeProps = {};

const SensorNode = (props: SensorNodeProps) => {
  return (
    <div className="sensor-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>Температура</option>
          <option>Освещенность</option>
        </select>
      </div>

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

export default SensorNode;
