function MainComponent() { const isMobileScreen = false; return /*#__PURE__*/ React.createElement("div", { className: `flex ${isMobileScreen ? 'flex-col' : 'flex-row'} items-center justify-center min-h-screen bg-[#F8F8F8] p-4`, __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-full ${isMobileScreen ? '' : 'max-w-[400px]'} bg-white rounded-lg shadow-md p-6 m-4 overflow-hidden`, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#559EDF] p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl text-center text-white font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Pokémon Capture")), /*#__PURE__*/ React.createElement("form", { className: "p-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "pokemonName", className: "block text-md font-semibold text-[#555555] font-roboto mb-2", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Pokémon Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "pokemonName", name: "pokemonName", className: "w-full px-3 py-2 border border-[#DDDDDD] rounded-md text-[#333333] font-roboto focus:ring-[#559EDF] focus:border-[#559EDF]", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "pokemonType", className: "block text-md font-semibold text-[#555555] font-roboto mb-2", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Pokémon Type"), /*#__PURE__*/ React.createElement("select", { id: "pokemonType", name: "pokemonType", className: "w-full px-3 py-2 border border-[#DDDDDD] rounded-md text-[#333333] font-roboto focus:ring-[#559EDF] focus:border-[#559EDF]", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Select a type..."), /*#__PURE__*/ React.createElement("option", { value: "fire", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "Fire"), /*#__PURE__*/ React.createElement("option", { value: "water", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Water"), /*#__PURE__*/ React.createElement("option", { value: "grass", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "Grass"), /*#__PURE__*/ React.createElement("option", { value: "electric", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Electric"), /*#__PURE__*/ React.createElement("option", { value: "psychic", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "Psychic"), /*#__PURE__*/ React.createElement("option", { value: "normal", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Normal"), /*#__PURE__*/ React.createElement("option", { value: "fighting", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Fighting"), /*#__PURE__*/ React.createElement("option", { value: "flying", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Flying"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "pokemonLevel", className: "block text-md font-semibold text-[#555555] font-roboto mb-2", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Pokémon Level"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "pokemonLevel", name: "pokemonLevel", className: "w-full px-3 py-2 border border-[#DDDDDD] rounded-md text-[#333333] font-roboto focus:ring-[#559EDF] focus:border-[#559EDF]", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "pokeballType", className: "block text-md font-semibold text-[#555555] font-roboto mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "PokeBall Type"), /*#__PURE__*/ React.createElement("select", { id: "pokeballType", name: "pokeballType", className: "w-full px-3 py-2 border border-[#DDDDDD] rounded-md text-[#333333] font-roboto focus:ring-[#559EDF] focus:border-[#559EDF]", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Select a PokeBall..."), /*#__PURE__*/ React.createElement("option", { value: "pokeball", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "Poké Ball"), /*#__PURE__*/ React.createElement("option", { value: "greatball", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Great Ball"), /*#__PURE__*/ React.createElement("option", { value: "ultraball", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Ultra Ball"), /*#__PURE__*/ React.createElement("option", { value: "masterball", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, "Master Ball"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-4 py-2 bg-[#559EDF] text-white font-semibold rounded-md hover:bg-[#437CBA] focus:outline-none focus:ring-2 focus:ring-[#559EDF] focus:ring-opacity-50 font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Capture Pokémn"))))); }