@redocly/theme
Version:
Shared UI components lib
24 lines • 1.73 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.OwnersProperty = OwnersProperty;
const react_1 = __importDefault(require("react"));
const PeopleIcon_1 = require("../../../../icons/PeopleIcon/PeopleIcon");
const Tag_1 = require("../../../../components/Tag/Tag");
const CatalogEntityPropertyCard_1 = require("../../../../components/Catalog/CatalogEntity/CatalogEntityProperties/CatalogEntityPropertyCard");
const hooks_1 = require("../../../../core/hooks");
function OwnersProperty({ entity }) {
const { useTranslate } = (0, hooks_1.useThemeHooks)();
const { translate } = useTranslate();
const { owners = [] } = entity;
return (react_1.default.createElement("div", { "data-component-name": "Catalog/CatalogEntity/CatalogEntityProperties/OwnersProperty" },
react_1.default.createElement(CatalogEntityPropertyCard_1.CatalogEntityPropertyCard, { header: react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(PeopleIcon_1.PeopleIcon, null),
translate('catalog.owners.label', 'Owners')), content: react_1.default.createElement(react_1.default.Fragment, null, owners.map((owner) => (react_1.default.createElement(Tag_1.Tag, { key: owner === null || owner === void 0 ? void 0 : owner.id, style: {
backgroundColor: 'var(--bg-color)',
borderRadius: 'var(--border-radius-xl)',
}, variant: "outline" }, owner === null || owner === void 0 ? void 0 : owner.title)))) })));
}
//# sourceMappingURL=OwnersProperty.js.map