import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from "../../lib/utils";
import { componentFrameBgColorVariants, } from "../componentFrameColors";
export function ComponentOperationBubble({ color = "default", className, style, testId, }) {
    const colorClassName = componentFrameBgColorVariants[color];
    return (_jsxs("div", { className: cn("pointer-events-none absolute flex h-8 w-8", className), "data-testid": testId, style: style, children: [_jsx("span", { className: `${colorClassName} absolute inline-flex h-full w-full animate-ping rounded-full opacity-75` }), _jsx("span", { className: `${colorClassName} relative inline-flex h-8 w-8 rounded-full` })] }));
}
//# sourceMappingURL=ComponentOperationBubble.js.map