import React from "react";
import * as styles from "./styles";
export function TransitRoutes({ keyPrefix = "transit-routes", routes, useLongName = false, className = "", }) {
    if (!routes || routes.length === 0) {
        return null;
    }
    return (React.createElement("div", { className: `${styles.container} ${className}`, "data-testid": "transit-routes-container" },
        React.createElement("ul", { className: styles.list }, routes.map((route, index) => (React.createElement("li", { "data-testid": "transit-routes-item", key: `${keyPrefix}-${index}`, className: styles.item, style: {
                "--transit-route-color": route.route_color && route.route_color !== "000000"
                    ? `#${route.route_color}`
                    : undefined,
                "--transit-route-text-color": route.text_color && route.text_color !== "000000"
                    ? `#${route.text_color}`
                    : undefined,
            } }, useLongName ? route.long_name : route.short_name))))));
}
//# sourceMappingURL=index.js.map