{"size": 482, "ext": "js", "max_stars_repo_path": "static/js/components/material/Textarea.js", "max_stars_repo_name": "mitodl/odl-video-service", "max_stars_repo_stars_event_min_datetime": "2017-08-19T02:00:28.000Z", "max_stars_repo_stars_event_max_datetime": "2022-01-11T20:53:37.000Z", "max_issues_repo_path": "static/js/components/material/Textarea.js", "max_issues_repo_name": "mitodl/odl-video-service", "max_issues_repo_issues_event_min_datetime": "2017-04-18T15:46:40.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-23T17:47:03.000Z", "max_forks_repo_path": "static/js/components/material/Textarea.js", "max_forks_repo_name": "mitodl/odl-video-service", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 3, "max_issues_count": 915, "max_forks_count": null, "avg_line_length": 21.9090909091, "max_line_length": 80, "alphanum_fraction": 0.5767634855}
// @flow
import React from "react"

export default class Textarea extends React.Component<*, void> {
  props: {
    label: string,
    id: string
  }

  render() {
    const { label, id, ...otherProps } = this.props
    return (
      <div className="mdc-textarea-container">
        <label htmlFor={id}>{label}</label>
        <div className="mdc-text-field">
          <textarea className="mdc-text-field__input" id={id} {...otherProps} />
        </div>
      </div>
    )
  }
}
