function MainComponent({ topImageSrc, profileImageSrc, description }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-screen", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: topImageSrc, alt: "Delta's top image", className: "object-cover w-full h-full", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/2 w-full text-center text-white transform -translate-y-1/2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-4xl", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Delta.Δ")), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 w-full p-4 flex justify-between items-center text-white space-x-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#top", className: "hover:underline", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "TOP"), /*#__PURE__*/ React.createElement("a", { href: "#profile", className: "hover:underline", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "プロフィール"), /*#__PURE__*/ React.createElement("a", { href: "#sns", className: "hover:underline", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "各SNS"), /*#__PURE__*/ React.createElement("a", { href: "#scroll-trigger", className: "hover:underline fa fa-chevron-down", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { id: "scroll-trigger", className: "flex flex-col md:flex-row p-4", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: profileImageSrc, alt: "Delta's profile image", className: "w-full h-auto md:w-[300px] md:h-[300px] object-contain", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 p-4 flex justify-center items-center", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, description)))); } function StoryComponent() { const topImageSrc = 'path/to/top-image.jpg'; const profileImageSrc = 'path/to/profile-image.jpg'; const description = 'ここに簡単な紹介文が入ります。'; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { topImageSrc: topImageSrc, profileImageSrc: profileImageSrc, description: description, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this })); }