import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { GetSvgIcon, Tooltip } from "..";
import "./style.scss";
const BadgeWithCount = ({ count, iconSize = "16", iconType = "briefcase", toolTipPosition = "bottom", toolTipContent, toolTipClickable = false, onClick, dataCy, }) => {
    if (count === undefined)
        return null;
    return (_jsx("div", { className: "badgeWithCount", "data-cy": dataCy, children: _jsx(Tooltip, { content: toolTipContent, toolTipPosition: toolTipPosition, isDisabled: !toolTipContent, clickable: toolTipClickable, children: _jsxs("div", { className: "badgeIconAndText", onClick: onClick, role: "button", onKeyDown: onClick, children: [_jsx(GetSvgIcon, { iconSize: iconSize, iconType: iconType }), _jsx("span", { className: "badgeText", children: count })] }) }) }));
};
export default BadgeWithCount;
