react-family-tree/lib/connector.js

React component that renders a family tree

import React from 'react';
export default React.memo(function Connector({ connector, width, height }) {
    const [x1, y1, x2, y2] = connector;
    return (React.createElement("i", { style: {
            position: 'absolute',
            width: Math.max(1, (x2 - x1) * width + 1),
            height: Math.max(1, (y2 - y1) * height + 1),
            background: `#999`,
            transform: `translate(${x1 * width}px, ${y1 * height}px)`,
            pointerEvents: 'none',
        } }));
});