function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f3f3f3] p-4 rounded-lg w-full max-w-[650px] mx-auto my-8 shadow-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#121212] font-roboto text-4xl mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Shall I compare thee to a summer’s day?"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside font-crimson-text text-[#000000] text-lg", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Thou art more lovely and more temperate ☀️"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Rough winds do shake the darling buds of May 🌬️"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Summer’s lease hath all too short a date 📅"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Sometime too hot the eye of heaven shines 🔆"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Often is his gold complexion dimm’d 🌥️"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Every fair from fair sometime declines by chance or nature’s changing course untrimm’d")), /*#__PURE__*/ React.createElement("p", { className: "text-[#121212] font-roboto text-lg mt-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, "NEXT SLIDE PLEASE"), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, ` @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } `), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mt-4", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/scissors.png", alt: "A pair of animated scissors indicating the next slide", style: { animation: `rotate 3s linear infinite` }, className: "w-16 h-16", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }))); }