import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from "../../../../lib/utils";
export const ToolbarButton = ({ icon, active, disabled = false, onMouseDown, type }) => {
    return (_jsx("button", { className: cn("rounded-sm px-2 py-1.5 shadow-xs transition-colors", disabled
            ? "cursor-not-allowed text-gray-400 opacity-60"
            : "cursor-pointer text-gray-700 hover:bg-white", active && "active bg-white"), disabled: disabled, type: "button", onMouseDown: onMouseDown, "data-testid": `rte-toolbar-button-${type || "unknown"}`, children: icon }));
};
//# sourceMappingURL=ToolbarButton.js.map