function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-[#ff8c00] text-white p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-2xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Seek and Offer Platform")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow container mx-auto p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md text-center", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Post Your Need"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-left font-medium", htmlFor: "item-name", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "Item Name"), /*#__PURE__*/ React.createElement("input", { id: "item-name", name: "item-name", type: "text", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-left font-medium", htmlFor: "description", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Description"), /*#__PURE__*/ React.createElement("textarea", { id: "description", name: "description", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-left font-medium", htmlFor: "price-range", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "Price Range"), /*#__PURE__*/ React.createElement("input", { id: "price-range", name: "price-range", type: "text", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 bg-[#ff8c00] text-white font-semibold rounded", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Submit")))), /*#__PURE__*/ React.createElement("footer", { className: "w-full bg-[#ff8c00] text-white p-4 text-center", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, "© 2023 Seek and Offer Platform")); }