import React from 'react'
import { fromPropsToIdentifier } from 'atoms/Icons/deps'
import Vector from 'atoms/Vector'
import { MaterialCircleLoaderWrapper, MaterialCircleElement } from './styled'

class MaterialCircleLoader extends React.PureComponent {
  static defaultProps = {
    className: ''
  }
  render() {
    /* prettier-ignore */
    const { className } = this.props
    return (
      <MaterialCircleLoaderWrapper className={className}>
        <Vector
          viewBox="25 25 50 50"
          vectorClassName="circular"
          namespace={fromPropsToIdentifier({ vectorClassName: 'circular' })}
        >
          <MaterialCircleElement cx="50" cy="50" r="20" fill="none" strokeWidth="2" strokeMiterlimit="10" />
        </Vector>
      </MaterialCircleLoaderWrapper>
    )
  }
}

export { MaterialCircleLoader }
export default MaterialCircleLoader