function MainComponent() { const [goal, setGoal] = React.useState(''); function handleGoalChange(event) { setGoal(event.target.value); } function handleGoalSubmit(event) { event.preventDefault(); alert(`Your goal "${goal}" has been set.`); setGoal(''); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F3F4F6]", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-[#334155] mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#1E293B]", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Financial Indicators"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#64748B] mt-2", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Overview of your current financial health.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#1E293B]", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Financial Projections"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#64748B] mt-2", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Future financial outlook based on current trends.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#1E293B]", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Financial Advice"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#64748B] mt-2", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Recommendations to improve your financial status.")))), /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-[#334155] mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "Financial Goals"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#1E293B] mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Set Your Goals"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleGoalSubmit, __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "goal", type: "text", value: goal, onChange: handleGoalChange, placeholder: "E.g., Saving for retirement", className: "border p-2 text-sm w-full", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-2 bg-[#3B82F6] text-white p-2 rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Submit")))), /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-[#334155] mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Interactive Tools"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#1E293B]", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Budget Calculator")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#1E293B]", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Savings Estimator")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#1E293B]", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Investment Planner")))), /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-[#334155] mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Notifications"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#1E293B]", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Market Alerts"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#64748B] mt-2", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Real-time alerts on significant market changes.")))); }