import React from 'react'
import { WaveLoaderWrapper, WaveLoaderPanel, LoaderItem } from './styled'

class WaveLoader extends React.PureComponent {
  static defaultProps = {
    className: ''
  }
  render() {
    const { className } = this.props
    const loaderElementStack = []
    for (let elementSize = 10; elementSize > 0; elementSize--) {
      loaderElementStack.push(<LoaderItem />)
    }
    return (
      <WaveLoaderWrapper className={className}>
        <WaveLoaderPanel>{loaderElementStack}</WaveLoaderPanel>
      </WaveLoaderWrapper>
    )
  }
}

export { WaveLoader }
export default WaveLoader