import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Icon } from "@powerhousedao/design-system";
import { twMerge } from "tailwind-merge";
export function EditorUndoRedoButtons(props) {
    const { canUndo, canRedo, undo, redo } = props;
    const buttonStyles = "w-8 h-8 rounded-lg flex justify-center items-center rounded border border-gray-200";
    return (_jsxs("div", { className: "flex gap-x-2 text-gray-500", children: [_jsx("button", { className: buttonStyles, disabled: !canUndo, onClick: undo, children: _jsx(Icon, { className: twMerge("-scale-x-100", canUndo ? "text-gray-900 active:opacity-50" : "text-gray-500"), name: "RedoArrow", size: 18 }) }), _jsx("button", { className: buttonStyles, disabled: !canRedo, onClick: redo, children: _jsx(Icon, { className: twMerge(canRedo ? "text-gray-900 active:opacity-50" : "text-gray-500"), name: "RedoArrow", size: 18 }) })] }));
}
//# sourceMappingURL=editor-undo-redo-buttons.js.map