function NovelCoverDisplay({ src, alt }) { return /*#__PURE__*/ React.createElement("img", { className: "w-full h-[300px] object-cover", src: src, alt: alt, __source: { fileName: "", lineNumber: 2, columnNumber: 10 }, __self: this }); } function NovelCoverDisplayStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NovelCoverDisplay, { src: "/path/to/novel-cover.jpg", alt: "Cover image of the novel", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this })); } function MainComponent({ title, coverImage, description }) { return /*#__PURE__*/ React.createElement("div", { className: "max-w-[600px] bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full h-[400px] object-cover", src: coverImage, alt: `Cover image of the novel: ${title}`, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text font-bold text-gray-800", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "mt-3 font-crimson-text text-gray-700", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, description), /*#__PURE__*/ React.createElement("button", { className: "mt-6 bg-blue-600 text-white py-3 px-5 rounded font-crimson-text", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "続きを読む"))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-8 flex flex-col gap-8", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { title: "Journey Through the Mist", coverImage: "path/to/mist-journey.jpg", description: "An epic adventure through the mystical lands of Aeloria.", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { title: "Dark Shadows", coverImage: "path/to/dark-shadows.jpg", description: "A thrilling mystery that unravels shadows of the past.", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this })); }