import Icon from "../../Icon/Icon";
import IconProp from "../../../../Types/Icon/IconProp";
import React from "react";
const CreateNewProjectButton = (props) => {
    return (React.createElement("li", { className: "relative select-none py-2.5 px-3 mx-2 mt-2 cursor-pointer bg-indigo-50 hover:bg-indigo-100 rounded-lg transition-colors duration-150 border border-indigo-200", id: "listbox-option-0", role: "option", onClick: () => {
            props.onCreateButtonClicked();
        } },
        React.createElement("div", { className: "flex items-center gap-3" },
            React.createElement(Icon, { icon: IconProp.Add, className: "h-5 w-5 flex-shrink-0 text-indigo-500" }),
            React.createElement("span", { className: "text-sm font-medium text-indigo-600" }, "Create New Project"))));
};
export default CreateNewProjectButton;
//# sourceMappingURL=CreateNewProjectButton.js.map