function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#F8F0E3]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[600px] h-[400px] shadow-2xl flex relative bg-green-300 before:absolute before:top-0 before:left-0 before:w-full before:h-full before:bg-green-400 before:transform before:skew-y-2 before:translate-x-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2 bg-[#FFF8E1] p-8 font-crimson-text text-[#363636] absolute transform transition-all duration-700 ease-in-out hover:translate-x-[-100%] hover:skew-y-[-2deg]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Title of the Book"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Chapter 1"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.")), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 bg-[#FFECB3] p-8 font-crimson-text text-[#363636] absolute right-0 transform transition-all duration-700 ease-in-out hover:translate-x-[100%] hover:skew-y-2", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Author's Name"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Chapter 2"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Curabitur dictum gravida mauris. Nam arcu libero, nonummy eget, consectetuer id, vulputate a, magna. Donec vehicula augue eu neque.")))); }