{"size": 404, "ext": "js", "max_stars_repo_path": "src/components/Header.js", "max_stars_repo_name": "stardotcode/invoices-app", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Header.js", "max_issues_repo_name": "stardotcode/invoices-app", "max_issues_repo_issues_event_min_datetime": "2021-03-09T13:44:12.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-18T06:51:33.000Z", "max_forks_repo_path": "src/components/Header.js", "max_forks_repo_name": "stardotcode/invoices-app", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 5, "max_forks_count": null, "avg_line_length": 26.9333333333, "max_line_length": 81, "alphanum_fraction": 0.646039604}
import React from 'react';

const Header = ({ title, onTogglePrintable, showPrintable }) => (
  <header className="row">
    <h1 className="column column-75">{title}</h1>
    <span className="column column-25">
      <button className="print-button" onClick={onTogglePrintable} type="button">
        {showPrintable ? 'Close' : 'Print'}
      </button>
    </span>
  </header>
);

export default Header;
