import React from 'react' import DevelopPoint from '../DevelopPoint' import Text from '../Text' import Circle from '../Circle' const Point = (props) => { const output = [] if (props.develop) output.push(<DevelopPoint {...props} key={'dp-' + props.name} className="develop point" />) if (props.point.attributes && props.point.attributes.get('data-text')) output.push(<Text {...props} key={'point-' + props.name} />) if (props.point.attributes && props.point.attributes.get('data-circle')) output.push(<Circle point={props.point} key={'circle-' + props.name} />) return output.length < 1 ? null : output } export default Point