{"size": 626, "ext": "js", "max_stars_repo_path": "lib/frontend/components/spinner/index.js", "max_stars_repo_name": "abelhOrihuela/hawk", "max_stars_repo_stars_event_min_datetime": "2017-10-26T20:04:43.000Z", "max_stars_repo_stars_event_max_datetime": "2019-07-26T22:34:32.000Z", "max_issues_repo_path": "lib/frontend/components/spinner/index.js", "max_issues_repo_name": "abelhOrihuela/hawk", "max_issues_repo_issues_event_min_datetime": "2017-08-27T18:45:26.000Z", "max_issues_repo_issues_event_max_datetime": "2020-07-20T04:02:27.000Z", "max_forks_repo_path": "lib/frontend/components/spinner/index.js", "max_forks_repo_name": "abelhOrihuela/hawk", "max_forks_repo_forks_event_min_datetime": "2017-11-08T21:08:04.000Z", "max_forks_repo_forks_event_max_datetime": "2021-09-08T18:37:59.000Z"}
{"max_stars_count": 27, "max_issues_count": 42, "max_forks_count": 11, "avg_line_length": 29.8095238095, "max_line_length": 108, "alphanum_fraction": 0.6549520767}
import React, { Component } from 'react'
import FontAwesome from 'react-fontawesome'
class Loader extends Component {
  render () {
    let className = 'columns is-centered is-fullwidth is-flex is-marginless'
    if (this.props.className) {
      className = className + ' ' + this.props.className
    }

    return (<div className={className} style={this.props.style}>
      <div className='column is-half is-narrow has-text-centered is-flex is-justify-center is-align-center'>
        <div>
          <FontAwesome name='spinner' className='fa-2x' spin />
        </div>
      </div>
    </div>)
  }
}

export default Loader
