import React from 'react'
import { BoxLoaderWrapper, BoxLoaderElement } from './styled'

class BoxLoader extends React.PureComponent {
  render() {
    const loaderElementStack = []
    for (let elementSize = 4; elementSize > 0; elementSize--) {
      loaderElementStack.push(<BoxLoaderElement />)
    }
    const view = (
      <BoxLoaderWrapper>
        {loaderElementStack}
      </BoxLoaderWrapper>
    )
    return view
  }
}

export { BoxLoader }
export default BoxLoader