import { t as palette } from "./palette.js";
import { t as Icon_default } from "./Icon.js";
import { t as CheckFill_default } from "./CheckFill.js";
import { t as ErrorSignFill_default } from "./ErrorSignFill.js";
import { t as InfoSignFill_default } from "./InfoSignFill.js";
import { t as TriangleX_default } from "./TriangleX.js";
import { jsx } from "react/jsx-runtime";
var NotificationBadge = (props) => {
	const { variant, size, className = "", testId, isHovered = false } = props;
	switch (variant) {
		case "info": return /* @__PURE__ */ jsx(Icon_default, {
			svgIcon: InfoSignFill_default,
			color: palette.blueberry700,
			hoverColor: palette.blueberry700,
			size,
			className,
			testId,
			isHovered
		});
		case "warn": return /* @__PURE__ */ jsx(Icon_default, {
			svgIcon: ErrorSignFill_default,
			color: palette.banana800,
			hoverColor: palette.banana700,
			size,
			className,
			testId,
			isHovered
		});
		case "error": return /* @__PURE__ */ jsx(Icon_default, {
			svgIcon: TriangleX_default,
			color: palette.cherry700,
			hoverColor: palette.cherry700,
			size,
			className,
			testId,
			isHovered
		});
		case "success": return /* @__PURE__ */ jsx(Icon_default, {
			svgIcon: CheckFill_default,
			color: palette.kiwi900,
			hoverColor: palette.kiwi900,
			size,
			className,
			testId,
			isHovered
		});
	}
};
var NotificationBadge_default = NotificationBadge;
export { NotificationBadge_default as t };

//# sourceMappingURL=NotificationBadge.js.map