import React from 'react'
import { fromPropsToIdentifier } from 'atoms/Icons/deps'
import Vector from 'atoms/Vector'
import { materialCircleLoaderStyles } from './styled'

@materialCircleLoaderStyles
class MaterialCircleLoader extends React.PureComponent {
  render() {
    /* prettier-ignore */
    return (
      <div className="material-circle-loader">
        <Vector
          viewBox="25 25 50 50"
          vectorClassName="circular"
          namespace={fromPropsToIdentifier({vectorClassName: 'circular'})}
        >
          <circle className="path" cx="50" cy="50" r="20" fill="none" strokeWidth="2" strokeMiterlimit="10" />
        </Vector>
      </div>
    )
  }
}

export { MaterialCircleLoader }
export default MaterialCircleLoader