@redocly/theme/lib/components/Catalog/CatalogPageDescription.js

Shared UI components lib

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CatalogPageDescription = CatalogPageDescription;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const H3_1 = require("../../components/Typography/H3");
const Tag_1 = require("../../components/Tag/Tag");
function CatalogPageDescription({ title, titleTranslationKey, description, descriptionTranslationKey, tag, }) {
    return (react_1.default.createElement(CatalogPageDescriptionWrapper, null,
        react_1.default.createElement(CatalogTitleWrapper, { "data-component-name": "Catalog/CatalogEntityTitle" },
            react_1.default.createElement(CatalogTitle, { "data-translation-key": titleTranslationKey }, title),
            react_1.default.createElement(Tag_1.Tag, { borderless: true, textTransform: "none" }, tag)),
        react_1.default.createElement(CatalogDescription, { "data-translation-key": descriptionTranslationKey }, description)));
}
const CatalogPageDescriptionWrapper = styled_components_1.default.div `
  margin: var(--catalog-heading-margin);
`;
const CatalogTitleWrapper = styled_components_1.default.div `
  display: flex;
  align-items: center;
  color: var(--catalog-title-text-color);
  font-weight: var(--catalog-title-font-weight) !important;
  font-size: var(--catalog-title-font-size);
`;
const CatalogTitle = (0, styled_components_1.default)(H3_1.H3) `
  color: var(--catalog-title-text-color);
  font-weight: var(--catalog-title-font-weight) !important;
  font-size: var(--catalog-title-font-size);
  margin: var(--catalog-title-margin);
  margin-right: var(--catalog-title-spacing-right);
`;
const CatalogDescription = styled_components_1.default.p `
  color: var(--catalog-description-text-color);
  font-weight: var(--catalog-description-font-weight);
  font-size: var(--catalog-description-font-size);
  margin: var(--catalog-description-margin);
  line-height: var(--catalog-description-line-height);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
`;
//# sourceMappingURL=CatalogPageDescription.js.map