{"size": 312, "ext": "js", "max_stars_repo_path": "src/components/grid-bg/grid-bg.js", "max_stars_repo_name": "ITSjwags/bluewater-retail", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/grid-bg/grid-bg.js", "max_issues_repo_name": "ITSjwags/bluewater-retail", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/grid-bg/grid-bg.js", "max_forks_repo_name": "ITSjwags/bluewater-retail", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 19.5, "max_line_length": 58, "alphanum_fraction": 0.6506410256}
import React, { Component } from 'react';
import Dots from './utils';
import './grid-bg.css';

class GridBG extends Component {
  componentDidMount() {
    new Dots('[data-dots]'); // eslint-disable-line no-new
  }

  render() {
    return <div className="ui-layer-1" data-dots />;
  }
}

export default GridBG;
