{"size": 1134, "ext": "js", "max_stars_repo_path": "shared/components/intro/Intro.js", "max_stars_repo_name": "ueno-llc/demo-prismic", "max_stars_repo_stars_event_min_datetime": "2018-03-05T19:27:07.000Z", "max_stars_repo_stars_event_max_datetime": "2020-01-05T05:13:40.000Z", "max_issues_repo_path": "shared/components/intro/Intro.js", "max_issues_repo_name": "ueno-llc/demo-prismic", "max_issues_repo_issues_event_min_datetime": "2018-05-11T16:04:36.000Z", "max_issues_repo_issues_event_max_datetime": "2018-05-15T10:52:26.000Z", "max_forks_repo_path": "shared/components/intro/Intro.js", "max_forks_repo_name": "ueno-llc/demo-prismic", "max_forks_repo_forks_event_min_datetime": "2018-03-01T11:17:41.000Z", "max_forks_repo_forks_event_max_datetime": "2018-05-25T03:57:24.000Z"}
{"max_stars_count": 5, "max_issues_count": 1, "max_forks_count": 2, "avg_line_length": 24.652173913, "max_line_length": 62, "alphanum_fraction": 0.5661375661}
import React, { Component } from 'react';
import PropTypes from 'prop-types';

import s from './Intro.scss';

export default class Intro extends Component {

  static propTypes = {
    children: PropTypes.node,
    isLoading: PropTypes.bool,
  }

  loadingContent() {
    return (
      <div>
        <h1>Loading Loding </h1>
        <h1>Loading Loa ding</h1>
        <h2>ding Loading </h2>
        <p>Loading Loading Loading Loading Loading Loading</p>
        <p>Loading Loading Loading Loading Loading Loading</p>
        <p>Loading Loading Loading Loading Loading Loading</p>
        <p>Loading Loading Loading Loading Loading Loading</p>
        <p>Loading Loading Loading</p>
      </div>
    );
  }

  render() {
    const { children, isLoading } = this.props;

    return (
      <div className={s(s.intro, { isLoading })}>
        <div className={s.intro__container}>
          <div className={s.intro__row}>
            <div className={s.intro__col}>
              {isLoading ? (this.loadingContent())
                : (children)
              }
            </div>
          </div>
        </div>
      </div>
    );
  }
}
