@redocly/theme
Version:
Shared UI components lib
22 lines • 1.65 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormatProperty = FormatProperty;
const react_1 = __importDefault(require("react"));
const NotesIcon_1 = require("../../../../icons/NotesIcon/NotesIcon");
const Tag_1 = require("../../../../components/Tag/Tag");
const CatalogEntityPropertyCard_1 = require("../../../../components/Catalog/CatalogEntity/CatalogEntityProperties/CatalogEntityPropertyCard");
const hooks_1 = require("../../../../core/hooks");
function FormatProperty({ entity }) {
var _a, _b;
const { useTranslate } = (0, hooks_1.useThemeHooks)();
const { translate } = useTranslate();
return (react_1.default.createElement("div", { "data-component-name": "Catalog/CatalogEntity/CatalogEntityProperties/FormatProperty" },
react_1.default.createElement(CatalogEntityPropertyCard_1.CatalogEntityPropertyCard, { header: react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(NotesIcon_1.NotesIcon, null),
translate('catalog.format.label', 'Format')), content: react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Tag_1.Tag, { textTransform: "none", key: (_a = entity.metadata) === null || _a === void 0 ? void 0 : _a.specType, style: { backgroundColor: 'var(--bg-color)' } }, (_b = entity.metadata) === null || _b === void 0 ? void 0 : _b.specType)), hoverEffect: false })));
}
//# sourceMappingURL=FormatProperty.js.map