function ButtonNotifier({ pageTitle }) { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, pageTitle)); } function ButtonNotifierStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ButtonNotifier, { pageTitle: "New Page Name", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen bg-[#89CFF0] font-roboto relative overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { title: "Background Video", src: "https://youtu.be/OJtTBUSJh1w?si=9xlAwf4nJCjB7CNG", frameBorder: "0", allow: "autoplay; fullscreen", className: "absolute top-0 left-0 w-full h-full z-0", __source: { fileName: "", lineNumber: 4, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full z-10 flex justify-center items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(ButtonNotifier, { pageTitle: "النوتة الروحية", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full z-20 flex justify-center items-center", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(ButtonNotifier, { pageTitle: "النوتة الروحية", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }))); }