"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.NotFoundPage = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const Button_1 = require("../Button");
const PageLayout_1 = require("../PageLayout");
const constants_1 = require("./constants");
const styles_1 = require("./styles");
/**
 * Единая 404 страница
 */
const NotFoundPage = ({ imageSrc, mainPageHref }) => {
    return ((0, jsx_runtime_1.jsx)(PageLayout_1.PageLayout, { content: (0, jsx_runtime_1.jsx)(styles_1.StyledPageContent, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.Image, { src: imageSrc, alt: "404", className: constants_1.notFoundPageClassnames.image }), (0, jsx_runtime_1.jsx)(styles_1.Header, { variant: "h1", children: "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430" }), (0, jsx_runtime_1.jsx)(styles_1.Subheader, { variant: "subtitle1", children: "\u0412\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043E\u043D\u0430 \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u0430, \u0443\u0434\u0430\u043B\u0435\u043D\u0430 \u0438\u043B\u0438 \u0432\u0432\u0435\u0434\u0435\u043D \u043D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0430\u0434\u0440\u0435\u0441" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { href: mainPageHref, size: "large", children: "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })] }) }) }));
};
exports.NotFoundPage = NotFoundPage;
