@redocly/theme/lib/layouts/Forbidden.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.Forbidden = Forbidden;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const hooks_1 = require("../core/hooks");
const Button_1 = require("../components/Button/Button");
const ArrowLeftIcon_1 = require("../icons/ArrowLeftIcon/ArrowLeftIcon");
function Forbidden() {
    const { useTranslate } = (0, hooks_1.useThemeHooks)();
    const { translate } = useTranslate();
    return (react_1.default.createElement(ForbiddenWrapper, { "data-component-name": "layouts/Forbidden" },
        react_1.default.createElement(StatusText, null, "403"),
        react_1.default.createElement(Title, { "data-translation-key": "page.forbidden.title" }, translate('page.forbidden.title', 'Access forbidden')),
        react_1.default.createElement(Description, { "data-translation-key": "page.forbidden.description" }, translate('page.forbidden.description', "You don't have permission to access this page. If you believe this is an error, contact your administrator or return to the homepage.")),
        react_1.default.createElement(Button_1.Button, { variant: "primary", size: "large", to: "/", "data-translation-key": "page.homeButton", icon: react_1.default.createElement(ArrowLeftIcon_1.ArrowLeftIcon, null) }, translate('page.homeButton', 'Go home'))));
}
const ForbiddenWrapper = styled_components_1.default.div `
  height: 100%;
  max-width: var(--page-403-max-width);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: var(--page-403-margin-vertical) var(--page-403-margin-horizontal);
  font-family: var(--page-403-font-family);
  gap: var(--page-403-gap);
`;
const StatusText = styled_components_1.default.div `
  color: var(--page-403-status-text-color);
  font-size: var(--page-403-status-font-size);
  line-height: var(--page-403-status-line-height);
  font-weight: var(--page-403-status-font-weight);
`;
const Title = styled_components_1.default.div `
  color: var(--page-403-title-text-color);
  font-size: var(--page-403-title-font-size);
  line-height: var(--page-403-title-line-height);
  font-weight: var(--page-403-title-font-weight);
`;
const Description = styled_components_1.default.div `
  color: var(--page-403-description-text-color);
  font-size: var(--page-403-description-font-size);
  line-height: var(--page-403-description-line-height);
  font-weight: var(--page-403-description-font-weight);
`;
//# sourceMappingURL=Forbidden.js.map