@redocly/theme/lib/layouts/InternalServerErrorLayout.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.InternalServerErrorLayout = InternalServerErrorLayout;
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 InternalServerErrorLayout() {
    const { useTranslate } = (0, hooks_1.useThemeHooks)();
    const { translate } = useTranslate();
    return (react_1.default.createElement(Wrapper, { "data-component-name": "layouts/InternalServerError" },
        react_1.default.createElement(StatusText, null, "500"),
        react_1.default.createElement(Title, { "data-translation-key": "page.internalServerError.title" }, translate('page.internalServerError.title', 'Internal Server Error')),
        react_1.default.createElement(Description, { "data-translation-key": "page.internalServerError.description" }, translate('page.internalServerError.description', 'Something went wrong on our end. Please try again later or contact support if the problem persists.')),
        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 Wrapper = styled_components_1.default.div `
  height: 100%;
  max-width: var(--page-500-max-width);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: var(--page-500-margin-vertical) var(--page-500-margin-horizontal);
  font-family: var(--page-500-font-family);
  gap: var(--page-500-gap);
`;
const StatusText = styled_components_1.default.div `
  color: var(--page-500-status-text-color);
  font-size: var(--page-500-status-font-size);
  line-height: var(--page-500-status-line-height);
  font-weight: var(--page-500-status-font-weight);
`;
const Title = styled_components_1.default.div `
  color: var(--page-500-title-text-color);
  font-size: var(--page-500-title-font-size);
  line-height: var(--page-500-title-line-height);
  font-weight: var(--page-500-title-font-weight);
`;
const Description = styled_components_1.default.div `
  color: var(--page-500-description-text-color);
  font-size: var(--page-500-description-font-size);
  line-height: var(--page-500-description-line-height);
  font-weight: var(--page-500-description-font-weight);
`;
//# sourceMappingURL=InternalServerErrorLayout.js.map