import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import clsx from "clsx";
import GetSvgIcon from "../GetSvgIcon";
import "./style.scss";
const CompanyLikePillSelectable = ({ id, text = "", onClick, isSelected = false, props = {}, highlight = false, onEnter = () => { }, onLeave = () => { }, isDisabled = false, dataCy, }) => {
    const className = clsx({
        "companyLikePillSelectable--Generic": true,
        "companyLikePillSelectable--Selected": isSelected,
        "companyLikePillSelectable--Unselected": !isSelected,
        "companyLikePillSelectable--SelectedHover": isSelected && highlight,
        "companyLikePillSelectable--UnselectedHover": !isSelected && highlight,
    });
    return (_jsxs("button", { id: id, disabled: isDisabled, className: className, onClick: onClick, ...props, onMouseEnter: onEnter, onMouseLeave: onLeave, "data-cy": dataCy, children: [text, _jsx(GetSvgIcon, { iconType: "tick", iconSize: "24" })] }));
};
export default CompanyLikePillSelectable;
