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

type SensorNodeProps = {};

const SensorNode = (props: SensorNodeProps) => {
  return (
    <div className="sensor-node node-layout">
      <Handle style={topBigStyle} type="target" position={Position.Top} />
      <div className="node-header">
        <span className="node-title">Сенсор</span>
      </div>
      <div className="node-layout">
        <select className="nodrag">
          <option>Температура</option>
          <option>Освещенность</option>
        </select>
      </div>

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

export default SensorNode;
