{"size": 929, "ext": "js", "max_stars_repo_path": "src/dev.js", "max_stars_repo_name": "smalleast/react-tips", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/dev.js", "max_issues_repo_name": "smalleast/react-tips", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/dev.js", "max_forks_repo_name": "smalleast/react-tips", "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": 24.4473684211, "max_line_length": 91, "alphanum_fraction": 0.601722282}
import './dev.scss';
import {Tips, TipsCtrl} from './main';


class App extends React.Component {
  componentDidMount() {
    TipsCtrl.createInstance({
      size: '14px'
    });
  }

  _show(status) {
    TipsCtrl.show({
      theme: status,
      content: 'Cool!,I am a very long text!!!',
      timeout: '3000'
    })
  }

  render() {
    return (
      <div className="hello-react-tips">
        <button onClick={this._show.bind(this, 'default')}>Click to show - default</button>
        <button onClick={this._show.bind(this, 'success')}>Click to show - success</button>
        <button onClick={this._show.bind(this, 'warn')}>Click to show - warn</button>
        <button onClick={this._show.bind(this, 'info')}>Click to show - info</button>
        <button onClick={this._show.bind(this, 'error')}>Click to show - error</button>
      </div>
    );
  }
}


ReactDOM.render(
  <App />,
  document.getElementById('app')
);
