import { jsx as _jsx } from "react/jsx-runtime";
export const SimpleToolbarButton = ({ icon, active, title, onMouseDown, }) => {
    return (_jsx("button", { className: `toolbar-button ${active ? "active" : ""}`, onMouseDown: onMouseDown, title: title, style: {
            padding: "5px 10px",
            margin: "0 2px",
            background: active ? "var(--color-white)" : "transparent",
            border: "none",
            borderRadius: "3px",
            cursor: "pointer",
            boxShadow: active
                ? "0 1px 2px color-mix(in srgb, var(--color-neutral-grey-100) 10%, transparent)"
                : "none",
        }, children: icon }));
};
export default SimpleToolbarButton;
//# sourceMappingURL=SimpleToolbarButton.js.map