import React from "react";

import ProgramButton from "../../programs/program_button/ProgramButton";
import useSites from "./useSites";

import "./Sites.less";

export default function Sites() {
  const sites = useSites();

  return (
    <div className="sites">
      {sites?.map((site) => (
        <ProgramButton key={site.id} type="web" program={site}>
          {site.label || site.name}
        </ProgramButton>
      ))}
    </div>
  );
}