import React, { Component } from 'react'

export default class NetworkLogo extends Component {
	constructor(opts) {
		super(opts)
	}

	render() {
		const { width, height, style } = this.props
		return (
			<svg width={width} height={height} viewBox="0 0 400 400" style={style}>
				<path className={"path"} d="M 100 250 A 50 50 0 1 1 300 250 A 50 50 0 1 0 100 200 A 50 50 0 1 1 300 200 A 50 50 0 1 1 100 150 A 50 50 0 1 0 300 150 A 50 50 0 1 1 100 200 A 50 50 0 1 0 300 200 "
					fill="transparent"
					strokeLinejoin={"round"}
					stroke="#3e128c"
					strokeWidth="6"
					strokeDasharray={"500, 500"}
					strokeDashoffset={"1000"}
				/>

				<path d="M 200 200 L 300 150 L 300 250 L 200 300 L 100 250 L 100 150 L 200 100 L 255 127 "
					fill="transparent"
					strokeLinejoin={"round"}
					stroke="#cc5333"
					strokeWidth="12"
				/>

				<circle cx="255" cy="127" r="14" fill="#cc5333"/>
				<circle cx="255" cy="127" r="8" fill="#2a1e38"/>
				<circle cx="200" cy="200" r="14" fill="#cc5333"/>
				<circle cx="200" cy="200" r="8" fill="#2a1e38"/>
			</svg>
		)
	}
}