function MainComponent() { const properties = [ { name: "物件名1", details: "詳細情報1...", img: "/images/property1.jpg", yieldGap: 7 }, { name: "物件名2", details: "詳細情報2...", img: "/images/property2.jpg", yieldGap: 5 }, { name: "物件名3", details: "詳細情報3...", img: "/images/property3.jpg", yieldGap: 6.5 } ]; const filteredProperties = properties.filter((property)=>property.yieldGap >= 6); return /*#__PURE__*/ React.createElement("div", { className: "bg-white text-center p-4 font-sans", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#333399] text-white p-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "お得な割安な物件")), /*#__PURE__*/ React.createElement("section", { className: "my-8", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[800px] mx-auto", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, filteredProperties.map((property, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white shadow-lg rounded-lg overflow-hidden mb-6 border border-gray-200", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: property.img, alt: `${property.name}の外観写真`, className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, property.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mt-2", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, property.details), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-[#333399] text-white p-2 rounded", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "詳細を見る"))))))); }