@tomino/dynamic-form-semantic-ui/dist/cjs/editor/toolbox/tool_icon.js

Semantic UI form renderer based on dynamic form generation

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const semantic_ui_react_1 = require("semantic-ui-react");
const common_1 = require("../../common");
const editor_context_1 = require("../editor_context");
const image = common_1.css `
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 6px;
`;
exports.ToolIcon = ({ icon, thumbnail, title }) => {
    const context = react_1.default.useContext(editor_context_1.EditorContext);
    return (react_1.default.createElement(react_1.default.Fragment, null,
        icon && react_1.default.createElement(semantic_ui_react_1.Icon, { name: icon, title: title }),
        thumbnail && (react_1.default.createElement("img", { src: context.theme.dark ? thumbnail.dark : thumbnail.light, alt: "icon", className: image, title: title }))));
};
//# sourceMappingURL=tool_icon.js.map