text: import { Link, useParams } from "react-router-dom";
  import React from "react";
  
  export default function Coach({ courses }) {
    const { company } = useParams();
    let courseList = [];
    courses.forEach(course => {
      courseList.push(
        <div className="flex items-center p-3" style={{ borderBottom: "1px solid #eeeff4" }}>
          <img className="coach mr-2" src={course.image} style={{ width: " 50px", height: "50px" }} alt="" />
          <div>
            <div>{course.title}</div>
            <div>報名人數：{course.studentCount}</div>
          </div>
          <Link
            to={`/${company}/mobile/profilecoach/ChooseReservationStudent/${course.id}`}
            className="border rounded border-blue-400 px-3 py-2 text-blue ml-auto hover:bg-blue-500 hover:text-white hover:border-opacity-0 focus:bg-blue-500 focus:text-white focus:border-opacity-0"
          >
            選擇
          </Link>
        </div>
      );
    });
    return (
      <>
        {courseList}
      </>
    );
  }
  