lingo3d/lib/editor/Toolbar/ToolbarButton.js

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { jsx as _jsx } from "preact/jsx-runtime";
const ToolbarButton = ({ children, onClick, active, disabled }) => {
    return (_jsx("div", { className: "lingo3d-flexcenter", style: {
            width: 30,
            height: 30,
            margin: 6,
            borderRadius: 4,
            background: active ? "rgba(255, 255, 255, 0.1)" : undefined,
            opacity: disabled ? 0.25 : active ? 1 : 0.75,
            cursor: "pointer"
        }, onClick: disabled || active ? undefined : onClick, children: children }));
};
export default ToolbarButton;
//# sourceMappingURL=ToolbarButton.js.map