41 lines
883 B
TypeScript
41 lines
883 B
TypeScript
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="node-content-select nodrag">
|
||
<option>Включить</option>
|
||
<option>Выключить</option>
|
||
</select>
|
||
</div>
|
||
|
||
<Handle
|
||
style={bottomSmallStyle}
|
||
type="source"
|
||
position={Position.Bottom}
|
||
/>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default LedNode;
|