import React from 'react'
import { DotLoaderWrapper, DotElement } from './styled'

class DotLoader extends React.PureComponent {
  static defaultProps = {
    className: ''
  }
  render() {
    const { className } = this.props
    const loaderElementStack = []
    for (let elementSize = 3; elementSize > 0; elementSize--) {
      loaderElementStack.push(<DotElement />)
    }

    const view = <DotLoaderWrapper className={className}>{loaderElementStack}</DotLoaderWrapper>
    return view
  }
}

export { DotLoader }
export default DotLoader