function MainComponent() { const totalSalesText = 'Total Sales'; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f5f5f5] p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl bg-white shadow-md rounded-xl p-6", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center text-[#121212] font-roboto mb-8", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "🧼 Laundry Sales Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col lg:flex-row lg:justify-between mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-[48%] bg-[#e6f7ff] rounded-lg p-4 mb-4 lg:mb-0", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-[#1890ff] font-roboto mb-2", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "Daily Sales"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "form-input", type: "number", name: "daily-sales", placeholder: "Enter daily sales", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 bg-[#1890ff] text-white rounded-md font-roboto hover:bg-[#40a9ff]", type: "submit", __source: { fileName: "", lineNumber: 13, columnNumber: 17 }, __self: this }, "Submit"))), /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-[48%] bg-[#e6f7ff] rounded-lg p-4", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-[#1890ff] font-roboto mb-2", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Monthly Sales"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "form-input", type: "number", name: "monthly-sales", placeholder: "Enter monthly sales", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 bg-[#1890ff] text-white rounded-md font-roboto hover:bg-[#40a9ff]", type: "submit", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, "Submit")))), /*#__PURE__*/ React.createElement("div", { className: "text-center p-4 bg-[#d9f7be] rounded-lg", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#52c41a] font-roboto mb-2", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, totalSalesText), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#73d13d]", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "$0.00")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, ` .form-input { border: 1px solid #d9d9d9; padding: 0.5rem 1rem; border-radius: 0.375rem; /* 6px */ font-size: 1rem; } .form-input:focus { outline: none; border-color: #40a9ff; box-shadow: 0 0 0 2px rgb(24 144 255 / 20%); } `)); }