function MainComponent() { const placeholderText = '家族との思い出を共有しよう...'; const familyPhotos = [ { src: './family-photo1.jpg', alt: '家族の写真1' }, { src: './family-photo2.jpg', alt: '家族の写真2' }, { src: './family-photo3.jpg', alt: '家族の写真3' } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-sans", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#121212] bg-[#FAFAFA] p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl md:text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "家族共有アプリ"), /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "家族を招待する")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 mt-4 rounded", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border p-2 w-full", placeholder: placeholderText, name: "photoDescription", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-2 py-2 px-4 bg-green-500 text-white rounded hover:bg-green-700", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "投稿")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl md:text-2xl mb-2", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "タイムライン"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, familyPhotos.map((photo)=>/*#__PURE__*/ React.createElement("img", { key: photo.src, src: photo.src, alt: photo.alt, className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }))))); }