@redocly/theme
Version:
Shared UI components lib
45 lines • 2.09 kB
JavaScript
"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");
function Forbidden() {
const { useTranslate } = (0, hooks_1.useThemeHooks)();
const { translate } = useTranslate();
return (react_1.default.createElement(Wrapper, { "data-component-name": "Pages/Forbidden" },
react_1.default.createElement(Header, null, "403"),
react_1.default.createElement(Description, { "data-translation-key": "page.forbidden.title" }, translate('page.forbidden.title', 'Access forbidden')),
react_1.default.createElement(HomeButton, { variant: "primary", size: "large", to: "/", "data-translation-key": "page.homeButton" }, translate('page.homeButton', 'Go home'))));
}
const Wrapper = styled_components_1.default.div `
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 25px auto;
font-family: var(--page-403-font-family);
text-align: center;
`;
const Header = styled_components_1.default.div `
color: var(--page-403-header-text-color);
margin: var(--page-403-header-margin);
font-size: var(--page-403-header-font-size);
line-height: var(--page-403-header-line-height);
font-weight: var(--page-403-header-font-weight);
`;
const Description = styled_components_1.default.div `
color: var(--page-403-description-text-color);
margin: var(--page-403-description-margin);
font-size: var(--page-403-description-font-size);
line-height: var(--page-403-description-line-height);
font-weight: var(--page-403-description-font-weight);
`;
const HomeButton = (0, styled_components_1.default)(Button_1.Button) `
margin-top: var(--page-403-button-margin);
`;
//# sourceMappingURL=Forbidden.js.map