"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ImageRenderer = void 0;
var react_1 = __importDefault(require("react"));
var classnames_1 = __importDefault(require("classnames"));
var mdm_sdk_1 = require("@reltio/mdm-sdk");
var styles_module_css_1 = __importDefault(require("./styles.module.css"));
var ImageRenderer = function (_a) {
    var value = _a.value, className = _a.columnData.className;
    var src = (0, mdm_sdk_1.getImageAttributeOvThumbnailUrl)({ value: value });
    return src ? (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_1.default.imageWrapper, className) },
        react_1.default.createElement("img", { src: src }))) : null;
};
exports.ImageRenderer = ImageRenderer;
