function PdfDisplayContainer({ leftPageTitle, rightPageTitle, pdfSrc }) { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center bg-white border border-gray-200 p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-row justify-between w-full mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, leftPageTitle), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, rightPageTitle)), /*#__PURE__*/ React.createElement("iframe", { src: `https://drive.google.com/viewerng/viewer?embedded=true&url=${pdfSrc}`, width: "640", height: "480", className: "w-[640px] h-[480px]", style: { overflow: "auto", zoom: "1", transform: "scale(1.0)", transformOrigin: "0 0" }, frameBorder: "0", onContextMenu: (e)=>e.preventDefault(), allowFullScreen: false, __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this })); } function PdfDisplayContainerStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PdfDisplayContainer, { leftPageTitle: "Introduction", rightPageTitle: "Conclusion", pdfSrc: "https://drive.google.com/uc?export=view&id=14sShwu_p_nbPclGzVP2BiAJ_F8XIDcbk", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this })); } function MainComponent({ bookTitle, leftPageTitle, rightPageTitle, pdfSrc }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-white border border-gray-200 p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 13 }, __self: this }, bookTitle), /*#__PURE__*/ React.createElement("div", { className: "flex flex-row justify-between w-full mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 6, columnNumber: 17 }, __self: this }, leftPageTitle), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 7, columnNumber: 17 }, __self: this }, rightPageTitle)), /*#__PURE__*/ React.createElement("iframe", { src: `https://drive.google.com/file/d/${pdfSrc}/preview`, width: "1280", height: "960", className: "w-[1280px] h-[960px]", style: { border: "none", overflow: "auto", transform: "scale(1.0)", transformOrigin: "0 0" }, frameBorder: "0", allow: "autoplay", onContextMenu: (e)=>e.preventDefault(), allowFullScreen: false, __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this })); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { bookTitle: "The Art of War", leftPageTitle: "Preface", rightPageTitle: "Introduction", pdfSrc: "14sShwu_p_nbPclGzVP2BiAJ_F8XIDcbk", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this })); }