const React = require('react'); function rightRoundedRect(x, y, width, height, radius) { return 'M' + x + ',' + y // Move to (absolute) + 'h ' + (width - radius) // Horizontal line to (relative) + 'a ' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius // Relative arc + 'v ' + (height - 2 * radius) // Vertical line to (relative) + 'a ' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius // Relative arch + 'h ' + (radius - width) // Horizontal lint to (relative) + 'z '; // path back to start } function leftRoundedRect(x, y, width, height, radius) { return 'M' + (x + width) + ',' + y // Move to (absolute) start at top-right + 'v ' + height // Vertical line to (relative) + 'h ' + (radius - width) // Horizontal line to (relative) + 'a ' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius // Relative arc + 'v ' + -(height - 2 * radius) // Vertical line to (relative) + 'a ' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius // Relative arch + 'z '; // path back to start } const InfoBoxContainer = () => ; const InfoBoxAlert = () => {'!'} ; const InfoBoxText = (props) => {props.id}; module.exports = (props) => ( { props.data.nodes.map(node => ) } );