import Icon from "../../Icon/Icon";
import Link from "../../Link/Link";
import React from "react";
const IconDropdown = (props) => {
    return (React.createElement(Link, { className: "flex items-center gap-3 py-2.5 px-4 text-sm text-gray-700 hover:bg-gray-50 hover:text-gray-900 transition-colors duration-150 mx-2 rounded-lg", to: props.url, openInNewTab: props.openInNewTab, onClick: props.onClick },
        React.createElement("div", { className: "flex-shrink-0 h-5 w-5 text-gray-400" }, props.icon ? React.createElement(Icon, { icon: props.icon }) : React.createElement(React.Fragment, null)),
        React.createElement("span", { className: "font-medium" }, props.title)));
};
export default IconDropdown;
//# sourceMappingURL=IconDropdownItem.js.map