import React from 'react';
import i18n from 'ui-i18n';
import { getLabel } from '@reltio/mdm-sdk';
import { EntityUriLink } from '../../../EntityUriLink';
import { useStyles } from './styles';
export var RelationObject = function (_a) {
    var item = _a.item;
    var styles = useStyles();
    var startObjectLabel = item.startObjectLabel, startObjectUri = item.startObjectUri, endObjectLabel = item.endObjectLabel, endObjectUri = item.endObjectUri;
    return (React.createElement("span", { className: styles.relationship },
        React.createElement(EntityUriLink, { className: styles.link, value: startObjectUri }, getLabel(startObjectLabel)),
        React.createElement("span", { className: styles.delimiter }, i18n.text('to')),
        React.createElement(EntityUriLink, { className: styles.link, value: endObjectUri }, getLabel(endObjectLabel))));
};
