function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#EDF2F7]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white shadow-md rounded-lg w-full max-w-4xl", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold text-[#2D3748] mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "📊 Salary Management Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "employeeName", className: "font-roboto text-[#4A5568]", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, "Employee Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "employeeName", name: "employeeName", placeholder: "Enter employee's name", className: "w-full mt-2 p-3 border border-[#CBD5E0] rounded-lg text-[#2D3748] font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "employeeDepartment", className: "font-roboto text-[#4A5568]", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Department"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "employeeDepartment", name: "employeeDepartment", placeholder: "Enter employee's department", className: "w-full mt-2 p-3 border border-[#CBD5E0] rounded-lg text-[#2D3748] font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "salary", className: "font-roboto text-[#4A5568]", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "Salary Amount"), /*#__PURE__*/ React.createElement("div", { className: "flex mt-2", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center px-3 rounded-l-lg border border-r-0 border-[#CBD5E0] bg-gray-50 text-[#2D3748] text-sm", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "$"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "salary", name: "salary", placeholder: "Enter salary amount", className: "w-full p-3 border border-[#CBD5E0] rounded-r-lg text-[#2D3748] font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "date", className: "font-roboto text-[#4A5568]", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, "Payment Date"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "date", name: "date", className: "w-full mt-2 p-3 border border-[#CBD5E0] rounded-lg text-[#2D3748] font-roboto", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#3182CE] hover:bg-[#2C5282] text-white font-semibold p-3 rounded-lg transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Process Salary")), /*#__PURE__*/ React.createElement("div", { className: "shadow-md rounded-lg p-6 bg-blue-100 border border-[#CBD5E0]", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-[#2D3748] mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "Recent Payments"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "bg-white p-4 rounded-lg flex justify-between items-center shadow-sm", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm text-[#4A5568]", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, "John Doe - Development"), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm text-[#4A5568]", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "$4,500")), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-4 rounded-lg flex justify-between items-center shadow-sm", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm text-[#4A5568]", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, "Emma Smith - Marketing"), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm text-[#4A5568]", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "$3,800")), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-4 rounded-lg flex justify-between items-center shadow-sm", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm text-[#4A5568]", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }, "Olivia Johnson - Sales"), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm text-[#4A5568]", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, "$4,200"))))))); }