function MainComponent({ menuItems, sidebarItems, contentUrl }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen font-sans bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#f9f9f9] p-2 border-b-[1px] border-[#eaeaea] flex items-center justify-between", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./logo.svg", alt: "Company logo", className: "h-8", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: "hidden sm:flex space-x-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, menuItems.map((item)=>/*#__PURE__*/ React.createElement("a", { href: item.href, key: item.title, className: "text-[#333] hover:text-blue-600 px-2 py-1 text-sm", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, item.title)))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-[#333]", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-[#333]", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[#333]", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-grow overflow-hidden", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "bg-blue-600 flex-shrink-0 p-2 w-60 overflow-y-auto", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "space-y-1", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, sidebarItems.map((item, index)=>/*#__PURE__*/ React.createElement("a", { href: item.href, key: index, className: "block text-white hover:bg-blue-700 px-3 py-2 rounded-md text-sm", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, item.title)))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-4 overflow-y-auto", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: contentUrl, title: "Content", className: "w-full h-full border-none", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#f9f9f9] p-2 border-t-[1px] border-[#eaeaea]", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center text-xs text-[#555]", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "© 2023 Company Name. All rights reserved."))); } function StoryComponent() { const menuItems = [ { title: "ホーム", href: "#" }, { title: "企業情報", href: "#" }, { title: "IR情報", href: "#" }, { title: "採用情報", href: "#" } ]; const sidebarItems = [ { title: "見る", href: "#" }, { title: "知る", href: "#" }, { title: "管理・活用", href: "#" }, { title: "設計・修理", href: "#" }, { title: "取引", href: "#" }, { title: "不動産買取", href: "#" }, { title: "リースバック", href: "#" }, { title: "メタ情報流通", href: "#" }, { title: "リノベーション", href: "#" }, { title: "外装塗装", href: "#" }, { title: "不動産投資", href: "#" }, { title: "不動産M&Aセンター [開店]", href: "#" } ]; const contentUrl = "./content.html"; return /*#__PURE__*/ React.createElement(MainComponent, { menuItems: menuItems, sidebarItems: sidebarItems, contentUrl: contentUrl, __source: { fileName: "", lineNumber: 78, columnNumber: 5 }, __self: this }); }