@redocly/theme/lib/components/Footer/FooterCopyright.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.FooterCopyright = FooterCopyright;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const hooks_1 = require("../../core/hooks");
const LanguagePicker_1 = require("../../components/LanguagePicker/LanguagePicker");
function FooterCopyright({ copyrightText = '', className, }) {
    const { useTranslate, useL10n } = (0, hooks_1.useThemeHooks)();
    const { translate } = useTranslate();
    const { changeLanguage } = useL10n();
    return copyrightText ? (react_1.default.createElement(FooterCopyrightWrapper, { className: className, "data-component-name": "Footer/FooterCopyright", "data-translation-key": "footer.copyrightText" },
        react_1.default.createElement(FooterCopyrightLabel, { "data-translation-key": "footer.copyrightText" }, translate('footer.copyrightText', copyrightText)),
        react_1.default.createElement(LanguagePicker_1.LanguagePicker, { onChangeLanguage: changeLanguage, placement: "top", alignment: "end" }))) : null;
}
const FooterCopyrightWrapper = styled_components_1.default.section `
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--footer-copyright-font-size);
  background-color: var(--footer-bg-color);
  color: var(--footer-text-color);
  text-align: var(--footer-copyright-text-align);
  gap: var(--spacing-xs);

  span {
    max-width: var(--footer-container-max-width);
  }
`;
const FooterCopyrightLabel = styled_components_1.default.div `
  padding: var(--footer-link-padding-vertical) var(--footer-link-padding-horizontal);
`;
//# sourceMappingURL=FooterCopyright.js.map