39 lines
902 B
TypeScript
39 lines
902 B
TypeScript
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;
|