import Navigation from "../../../Utils/Navigation";
import Icon from "../../Icon/Icon";
import Route from "../../../../Types/API/Route";
import React from "react";
const ProjectPickerMenuItem = (props) => {
    var _a;
    const title = props.project.name;
    const route = new Route("/dashboard/" + ((_a = props.project.id) === null || _a === void 0 ? void 0 : _a.toString()));
    return (React.createElement("li", { className: "text-gray-700 relative select-none py-2.5 px-3 mx-2 cursor-pointer hover:bg-gray-50 rounded-lg transition-colors duration-150", id: "listbox-option-0", role: "option", onClick: () => {
            props.onProjectSelected(props.project);
            Navigation.navigate(route);
        } },
        React.createElement("div", { className: "flex items-center gap-3" },
            React.createElement(Icon, { icon: props.icon, className: "h-5 w-5 flex-shrink-0 text-gray-400" }),
            React.createElement("span", { className: "text-sm font-medium text-gray-700 truncate" }, title))));
};
export default ProjectPickerMenuItem;
//# sourceMappingURL=ProjectPickerMenuItem.js.map