function MainComponent() { const stateSelection = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4 sm:flex-row sm:space-y-0 sm:space-x-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "current-state", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Current State"), /*#__PURE__*/ React.createElement("select", { id: "current-state", name: "currentState", className: "mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-[#1d4ed8] focus:border-[#1d4ed8] sm:text-sm", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "desired-state", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Desired State"), /*#__PURE__*/ React.createElement("select", { id: "desired-state", name: "desiredState", className: "mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-[#1d4ed8] focus:border-[#1d4ed8] sm:text-sm", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }))); const incomeInputSection = /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "current-income", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, "Current Annual Income ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "current-income", name: "currentIncome", className: "mt-1 block w-full border border-gray-300 bg-white py-2 px-3 rounded-md shadow-sm focus:outline-none focus:ring-[#1d4ed8] focus:border-[#1d4ed8] sm:text-sm", placeholder: "Enter your current annual income", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this })); const calculateButton = /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-[#1d4ed8] hover:bg-[#2563eb] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#1d4ed8]", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, "Calculate")); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mt-6 text-center text-3xl font-extrabold text-gray-900", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "Cost of Living Calculator"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Compare the equivalent income needed between two states."), /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-6", action: "#", method: "POST", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, stateSelection, incomeInputSection, calculateButton)))); }