{"size": 599, "ext": "js", "max_stars_repo_path": "test/specs/addons/Ref/fixtures.js", "max_stars_repo_name": "ablakey/Semantic-UI-React", "max_stars_repo_stars_event_min_datetime": "2019-08-25T15:46:44.000Z", "max_stars_repo_stars_event_max_datetime": "2019-08-25T15:46:44.000Z", "max_issues_repo_path": "test/specs/addons/Ref/fixtures.js", "max_issues_repo_name": "ablakey/Semantic-UI-React", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "test/specs/addons/Ref/fixtures.js", "max_forks_repo_name": "ablakey/Semantic-UI-React", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.0384615385, "max_line_length": 70, "alphanum_fraction": 0.6477462437}
/* eslint-disable react/no-multi-comp */
/* eslint-disable react/prefer-stateless-function */
import React, { Component } from 'react'

export const DOMFunction = (props) => <div {...props} id='node' />

export const CompositeFunction = (props) => <DOMFunction {...props} />

export class DOMClass extends Component {
  render() {
    return <div {...this.props} id='node' />
  }
}

export class CompositeClass extends Component {
  render() {
    return <DOMClass {...this.props} />
  }
}

export const ForwardedRef = React.forwardRef((props, ref) => (
  <div>
    <button ref={ref} />
  </div>
))
