{"size": 494, "ext": "js", "max_stars_repo_path": "src/containers/ListingPage/SectionMusicMaybe.js", "max_stars_repo_name": "talentbookr/MVP", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/containers/ListingPage/SectionMusicMaybe.js", "max_issues_repo_name": "talentbookr/MVP", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/containers/ListingPage/SectionMusicMaybe.js", "max_forks_repo_name": "talentbookr/MVP", "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.7, "max_line_length": 62, "alphanum_fraction": 0.6599190283}
import React from 'react';
import { FormattedMessage } from '../../util/reactIntl';

import css from './ListingPage.module.css';

const SectionMusicMaybe = props => {
  const { publicData } = props;

  return publicData ? (
    <div className={css.sectionMusic}>
      <h2 className={css.musicTitle}>
        <FormattedMessage id="ListingPage.musicTitle" />
      </h2>
      <div dangerouslySetInnerHTML={{ __html: publicData }} />
    </div>
  ) : null;
};

export default SectionMusicMaybe;
