import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import clsx from "clsx";
import "./style.scss";
import GetSvgIcon from "../GetSvgIcon";
import { capitalizeFirstAlphabet } from "../../utils";
const BadgeNonClickable = ({ showIcon = true, showIconOnLeft = true, iconSize = "18", iconType = "excalamationCircle", text = "Warning", isTransparent = false, variant = "warning", }) => {
    const className = clsx({
        [`badgeNonClickable--${capitalizeFirstAlphabet(variant)}`]: true,
        [`badgeNonClickable--RowReverse`]: showIconOnLeft,
        [`badgeNonClickable--Transparent`]: isTransparent,
    });
    return (_jsxs("div", { className: className, children: [showIcon && _jsx(GetSvgIcon, { iconType: iconType, iconSize: iconSize }), text] }));
};
export default BadgeNonClickable;
