"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.RelationObject = void 0;
var react_1 = __importDefault(require("react"));
var ui_i18n_1 = __importDefault(require("ui-i18n"));
var mdm_sdk_1 = require("@reltio/mdm-sdk");
var EntityUriLink_1 = require("../../../EntityUriLink");
var styles_1 = require("./styles");
var RelationObject = function (_a) {
    var item = _a.item;
    var styles = (0, styles_1.useStyles)();
    var startObjectLabel = item.startObjectLabel, startObjectUri = item.startObjectUri, endObjectLabel = item.endObjectLabel, endObjectUri = item.endObjectUri;
    return (react_1.default.createElement("span", { className: styles.relationship },
        react_1.default.createElement(EntityUriLink_1.EntityUriLink, { className: styles.link, value: startObjectUri }, (0, mdm_sdk_1.getLabel)(startObjectLabel)),
        react_1.default.createElement("span", { className: styles.delimiter }, ui_i18n_1.default.text('to')),
        react_1.default.createElement(EntityUriLink_1.EntityUriLink, { className: styles.link, value: endObjectUri }, (0, mdm_sdk_1.getLabel)(endObjectLabel))));
};
exports.RelationObject = RelationObject;
