import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Icon } from "@powerhousedao/design-system";
import { ConnectTooltip } from "../../tooltip/tooltip.js";
export function Operation(props) {
    const { operationType, operationInput } = props;
    const tooltipContent = (_jsx("code", { children: _jsx("pre", { children: JSON.stringify(operationInput, null, 2) }) }));
    return (_jsx(ConnectTooltip, { content: tooltipContent, children: _jsxs("span", { className: "flex cursor-pointer items-center gap-2 text-xs", children: [operationType, _jsx(Icon, { className: "text-gray-300", name: "Braces", size: 16 })] }) }));
}
//# sourceMappingURL=operation.js.map