{"size": 534, "ext": "js", "max_stars_repo_path": "src/components/Regions/Settlements/Settlement.js", "max_stars_repo_name": "tkgwheeler/ttrpg-generators", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Regions/Settlements/Settlement.js", "max_issues_repo_name": "tkgwheeler/ttrpg-generators", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Regions/Settlements/Settlement.js", "max_forks_repo_name": "tkgwheeler/ttrpg-generators", "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": 21.36, "max_line_length": 69, "alphanum_fraction": 0.5337078652}
import React, { useEffect } from "react";

const Settlement = props => {
  const { population } = props;
  return (
    <div>
      <p>{` A ${
        population < 500 ? "small" : population > 2500 ? "large" : ""
      } town of ${population} people`}</p>
    </div>
  );
};

export default Settlement;
{
  /* <h2>Settlement</h2>
      <p>Population: {population}</p>
      <p>
        Cultivated land: {arableArea} sq.miles {arablePercent}%
      </p>
      <p>
        Wild lands: {wildArea} sq.miles {wildPercent}%
      </p> */
}
