function MainComponent({ menuItems, imageUrl, imageAlt, buttonText, footerLink, footerText, timestamp }) { const renderMenu = menuItems.map((menuItem, index)=>/*#__PURE__*/ React.createElement("a", { href: menuItem.href, key: index, className: "text-white hover:bg-[#ba000d] px-4 py-2 text-sm block", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, menuItem.label)); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5f5] font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#d50000]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-2 sm:px-4 lg:px-8", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex h-10 items-center justify-center sm:justify-start", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, renderMenu))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-8 py-8", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: imageAlt, className: "rounded-lg w-full max-w-sm", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#d50000] hover:bg-[#ba000d] text-white font-medium rounded py-2 px-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, buttonText), /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: footerLink, className: "text-[#757575]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, footerText), /*#__PURE__*/ React.createElement("p", { className: "text-[#bdbdbd]", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, timestamp)))); } function StoryComponent() { const menuItems = [ { href: '#', label: 'サービス' }, { href: '#', label: '車検' }, { href: '#', label: '板金塗装' }, { href: '#', label: '自家 (マイカーリース等)' } ]; return /*#__PURE__*/ React.createElement(MainComponent, { menuItems: menuItems, buttonText: "詳しくはこちら", imageUrl: "/images/technician-under-car.jpg", imageAlt: "Technician working under a car", footerLink: "https://lotas-yamada.co.jp/", footerText: "https://lotas-yamada.co.jp/", timestamp: "2024/03/26 12:06 2/18ページ", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }); }