mylingo3d/lib/editor/Toolbar/IconButton.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 IconButton = ({ children, onClick, active, disabled }) => {
    return (_jsx("div", { style: {
            width: 30,
            height: 30,
            display: "flex",
            alignItems: "center",
            justifyContent: "center",
            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 IconButton;
//# sourceMappingURL=IconButton.js.map