import React from 'react'
import { CubeLoaderStyles } from './styled'

@CubeLoaderStyles()
class CubeLoader extends React.Component {
  render() {
    return (
      <div className="cube-wrapper">
        <div className="cube-folding">
          <span className="leaf1" />
          <span className="leaf2" />
          <span className="leaf3" />
          <span className="leaf4" />
        </div>
        <span className="cube-loading-text" data-name="Loading">
          Loading
        </span>
      </div>
    )
  }
}

export { CubeLoader }
export default CubeLoader