import { jsx as _jsx } from "react/jsx-runtime";
import { useEditContext } from "../../client/editContext";
import { SimpleIconButton } from "../../ui/SimpleIconButton";
import { CompareIcon } from "../../ui/Icons";
export function CompareControls() {
    const editContext = useEditContext();
    const slotContext = editContext?.getActiveSlotContext();
    if (!editContext || !slotContext)
        return null;
    return (_jsx(SimpleIconButton, { icon: _jsx(CompareIcon, { className: "h-6 w-6 p-1" }), label: "Compare", size: "large", "data-testid": "compare-mode-button", className: slotContext.compareMode
            ? "text-neutral-grey-50"
            : "hover:text-neutral-grey-50", selected: slotContext.compareMode, onClick: () => slotContext.setCompareMode(!slotContext.compareMode) }));
}
//# sourceMappingURL=CompareControls.js.map