function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-8 p-5", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, [ "Biệt thự", "Nhà cấp 1", "Nhà cấp 2", "Nhà cấp 3", "Nhà cấp 4" ].map((type)=>/*#__PURE__*/ React.createElement("div", { key: type, className: "flex flex-col md:flex-row gap-4 w-full max-w-2xl rounded-lg border border-gray-200 bg-white shadow-md overflow-hidden", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: `images/${type}.jpg`, alt: `${type}`, className: "md:w-1/2 h-60 md:h-auto object-cover", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-5 flex flex-col justify-between", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "mb-2 text-2xl font-bold tracking-tight text-gray-900", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, type), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-between", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, [ "Cấp 1", "Cấp 2", "Cấp 3" ].map((level)=>/*#__PURE__*/ React.createElement("div", { key: level, className: "flex flex-col gap-2 w-full", __source: { fileName: "", lineNumber: 15, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium text-gray-700", __source: { fileName: "", lineNumber: 16, columnNumber: 19 }, __self: this }, level), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 17, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2", __source: { fileName: "", lineNumber: 18, columnNumber: 21 }, __self: this }, "Add"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 text-sm font-medium text-white bg-green-500 rounded hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-offset-2", __source: { fileName: "", lineNumber: 21, columnNumber: 21 }, __self: this }, "Detail"))))))))); }