const React = require('react'); const Styled = require('styled-components'); const GraphNodeButton = require('./graph-node-button'); const { default: styled } = Styled; const StyledText = styled.text` fill: white; font-family: LibreFranklin; font-size: 12px; `; class GraphNodeMetrics extends React.Component { render() { const { metrics, metricsPosition } = this.props; const metricSpacing = 18; const metricsText = metrics.map((metric, index) => ( {`${metric.name}: ${metric.stat}`} )); return ( {metricsText} ); } } GraphNodeMetrics.propTypes = { metrics: React.PropTypes.arrayOf(React.PropTypes.shape({ name: React.PropTypes.string, stat: React.PropTypes.string })), metricsPosition: React.PropTypes.shape({ x: React.PropTypes.number, y: React.PropTypes.number }) }; module.exports = GraphNodeMetrics;