hh-ui-components
Version:
20 lines • 1.78 kB
JavaScript
import React from "react";
import Background404 from "../../icons/Background404";
export var NotFound = function (_a) {
var _b = _a.title, title = _b === void 0 ? "" : _b;
return (React.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.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.createElement("div", { className: "" },
React.createElement("div", { className: "flex flex-row items-center justify-center gap-10 md:gap-10-md lg:gap-10 2xl:gap-10-2xl" },
React.createElement("h1", { className: "text-graphite flex items-center" },
"4",
React.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.createElement("h4", { className: "text-graphite text-center " }, title)),
React.createElement("div", { className: "cursor-pointer" })),
React.createElement("div", { className: "absolute overflow-hidden w-full h-full -z-1 " },
React.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.createElement(Background404, null)))));
};
export default NotFound;
//# sourceMappingURL=NotFound.js.map