function MainComponent() { const renderInput = (name)=>/*#__PURE__*/ React.createElement("input", { name: name, className: "w-full bg-[#f9f9f9] border border-gray-300 rounded-md px-4 py-3 my-2", placeholder: `Enter ${name}`, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); const renderDropdown = (name, options = [])=>/*#__PURE__*/ React.createElement("select", { name: name, className: "w-full bg-[#f9f9f9] border border-gray-300 rounded-md px-4 py-3 my-2", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, "Select an option"), options.map((option, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: option, __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, option))); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#d3d3d3] p-1 sm:p-2", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "All fields are mandatory"), /*#__PURE__*/ React.createElement("div", { className: "w-[120px] h-[60px] bg-white rounded-full flex justify-center items-center", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "LOGO"))), /*#__PURE__*/ React.createElement("form", { className: "mt-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, renderInput("Date"), renderInput("Type"), renderInput("Comments"), renderInput("Value"), renderInput("Vatable"), [ 'Tier1', 'Tier2', 'Tier3', 'Tier4', 'Tier5', 'Tier6', 'Tier7', 'Tier8', 'Tier9', 'Tier10' ].map((tier)=>renderInput(tier)), renderDropdown("Attach", [ "PDF", "Jpeg", "BMP", "Email", "TIF", "Any format", "MP3" ]), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full my-2 bg-blue-500 text-white font-roboto rounded-md px-4 py-3", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "Submit"))); }