hh-ui-components
Version:
25 lines • 2.13 kB
JavaScript
;
exports.__esModule = true;
exports.NotFound = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var Background404_1 = tslib_1.__importDefault(require("../../icons/Background404"));
var NotFound = function (_a) {
var _b = _a.title, title = _b === void 0 ? "" : _b;
return (react_1["default"].createElement("div", { className: "relative w-full h-screen flex flex-col justify-center items-center px-20 md:px-0 -mt-[6rem] md:-mt-[5vw] lg:-mt-[6rem] 2xl:-mt-[6.667vw]" },
react_1["default"].createElement("div", { className: "relative z-10 flex flex-col justify-center items-center gap-[5rem] md:gap-[10.417vw] lg:gap-[5rem] 2xl:gap-[5.556vw] bg-transparent " },
react_1["default"].createElement("div", { className: "" },
react_1["default"].createElement("div", { className: "flex flex-row items-center justify-center gap-10 md:gap-10-md lg:gap-10 2xl:gap-10-2xl" },
react_1["default"].createElement("h1", { className: "text-graphite flex items-center" },
"4",
react_1["default"].createElement("span", { className: "h-[3.541rem] w-[2.985rem] md:h-[7.378vw] md:w-[6.219vw] lg:h-[6rem] lg:w-[5.125rem] 2xl:h-[6.667vw] 2xl:w-[5.694vw]" }),
"4")),
react_1["default"].createElement("h4", { className: "text-graphite text-center " }, title)),
react_1["default"].createElement("div", { className: "cursor-pointer" })),
react_1["default"].createElement("div", { className: "absolute overflow-hidden w-full h-full -z-1 " },
react_1["default"].createElement("div", { className: "lg:w-full 2xl:w-full lg:h-[22.063rem] 2xl:h-[24.514vw] absolute bottom-0 lg:px-[6.438rem] 2xl:px-[7.153vw] flex items-end justify-center mx-auto -right-[100%] -left-[100%] md:-right-[20%] md:-left-[20%] lg:left-0 lg:right-0" },
react_1["default"].createElement(Background404_1["default"], null)))));
};
exports.NotFound = NotFound;
exports["default"] = exports.NotFound;
//# sourceMappingURL=NotFound.js.map