UNPKG

shiv_not-found-page-1

Version:

This is the not found page component, that can be directly used with ReactJS.

42 lines (41 loc) 1.61 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _react = _interopRequireDefault(require("react")); require("./NotFound.css"); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } const NotFound = _ref => { let { errorCode, text, backLink, homeLink } = _ref; return /*#__PURE__*/_react.default.createElement("div", { className: "parent-container" }, /*#__PURE__*/_react.default.createElement("div", { className: "noise" }), /*#__PURE__*/_react.default.createElement("div", { className: "overlay" }), /*#__PURE__*/_react.default.createElement("div", { className: "terminal" }, /*#__PURE__*/_react.default.createElement("h1", null, "Error ", /*#__PURE__*/_react.default.createElement("span", { className: "errorcode" }, errorCode || 404)), /*#__PURE__*/_react.default.createElement("p", { className: "output" }, text || 'The page you are looking for might have been removed, had its name changed or is temporarily unavailable.'), /*#__PURE__*/_react.default.createElement("p", { className: "output" }, "Please try to", ' ', /*#__PURE__*/_react.default.createElement("a", { href: backLink || '/', className: "links" }, "go back"), ' ', "or", ' ', /*#__PURE__*/_react.default.createElement("a", { href: homeLink || '/', className: "links" }, "return to the homepage"), "."), /*#__PURE__*/_react.default.createElement("p", { className: "output" }, "Good luck."))); }; var _default = NotFound; exports.default = _default;