function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-white w-full h-screen overflow-y-scroll p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "マインクラフト電気工事MOD"), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "更新日時")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-8", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./path-to-image.jpg", alt: "Free-sized image illustrating Minecraft electrical work mod", className: "w-[600px] h-[400px] object-cover", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold relative inline-block", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "MOD説明", /*#__PURE__*/ React.createElement("span", { className: "absolute h-1 w-full bg-green-500 bottom-[-4px] left-0", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4 w-full h-[200px] border border-gray-300", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold relative inline-block", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "ダウンロード方法", /*#__PURE__*/ React.createElement("span", { className: "absolute h-1 w-full bg-green-500 bottom-[-4px] left-0", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4 w-full h-[200px] border border-gray-300", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } div, h1, p, img, h2 { animation: fadeIn 2s ease-in-out; } `)); }