{"size": 322, "ext": "js", "max_stars_repo_path": "src/pages/Users/list.js", "max_stars_repo_name": "kutacoder/simple-frontend-app", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/Users/list.js", "max_issues_repo_name": "kutacoder/simple-frontend-app", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/Users/list.js", "max_forks_repo_name": "kutacoder/simple-frontend-app", "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": 14.0, "max_line_length": 36, "alphanum_fraction": 0.4347826087}
import { html } from 'htm/preact';

export default function({ users }) {
  users = users || [];

  const userRow = (user) => html`
    <li>
      <a href="#">
        ${u.name}
      </a>
    </li>
  `

  return html`
    <main>
      <h2>Users</h2>
      <ul>
        ${users.map(userRow)}
      </ul>
    </main>
  `;
}
