import React from "react";

import {
  AerialTram,
  Bicycle,
  Bus,
  Car,
  Ferry,
  Max,
  Micromobility,
  Streetcar,
  TriMet,
  Walk,
  Wes
} from "./trimet";

/**
 * Icons for all TriMet modes.
 * Any hail and rental modes managed by one or multiple companies
 * are optional (by default, the company logo will be displayed)
 * but can be overridden here using the pattern
 * <otp_mode>_<company_id> (e.g. 'car_hail_uber').
 * Furthermore, any hail or rental modes managed by a single company
 * are optional (by default, the company logo will be displayed)
 * but can be overridden here using the pattern
 * <otp_mode> (e.g. 'bicycle_rent').
 */
function TriMetModeIcon({ mode, ...props }) {
  if (!mode) return null;
  switch (mode.toLowerCase()) {
    case "bicycle":
      // case "bicycle_rent": // Commented means using the company logo instead.
      return <Bicycle {...props} />;
    case "bus":
    case "trolleybus":
      return <Bus {...props} />;
    case "car":
    case "car_park":
      return <Car {...props} />;
    case "ferry":
      return <Ferry {...props} />;
    case "gondola":
      return <AerialTram {...props} />;
    case "micromobility":
    case "micromobility_rent":
    case "scooter":
      return <Micromobility {...props} />;
    case "rail":
      return <Wes {...props} />;
    case "streetcar":
      return <Streetcar {...props} />;
    case "subway":
    case "tram":
      return <Max {...props} />;
    case "transit":
      return <TriMet {...props} />;
    case "walk":
      return <Walk {...props} />;
    default:
      return null;
  }
}

export default TriMetModeIcon;