import { jsx as _jsx } from "react/jsx-runtime";
import { useEditContext } from "../client/editContext";
import { CompareIcon } from "../ui/Icons";
import { SimpleIconButton } from "../ui/SimpleIconButton";
export function ItemToolbar() {
    const editContext = useEditContext();
    const slotContext = editContext?.getActiveSlotContext();
    if (!editContext || !slotContext)
        return null;
    return (_jsx("div", { className: "flex items-center justify-center gap-2 border-b px-4 py-2", children: _jsx(SimpleIconButton, { icon: _jsx(CompareIcon, { className: "h-6 w-6 p-1" }), label: "Compare", size: "large", className: slotContext.compareMode ? "text-gray-600" : "hover:text-gray-600", selected: slotContext.compareMode, onClick: () => slotContext.setCompareMode(!slotContext.compareMode) }) }));
}
//# sourceMappingURL=ItemToolbar.js.map