function MainComponent() { const [isLoading, setIsLoading] = React.useState(false); const handleSubmit = (event)=>{ event.preventDefault(); setIsLoading(true); setTimeout(()=>{ setIsLoading(false); }, 3000); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f4f7ff] p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md rounded-lg bg-white shadow-md p-8", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-[#121212] mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Aplikacja do Rootowania Telefonu"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "phone-model", className: "block text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Model Telefonu"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "phone-model", name: "phone_model", className: "mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:animate-pulse", placeholder: "Wpisz model telefonu", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "android-version", className: "block text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Wersja Androida"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "android-version", name: "android_version", className: "mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:animate-pulse", placeholder: "Wpisz wersję Androida", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __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-[#0078D4] hover:bg-[#005fa3] focus:outline-none", disabled: isLoading, __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("span", { className: "loader", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }) : 'Zrootuj Mój Telefon'))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, ` .loader { border: 4px solid #f3f3f3; border-top: 4px solid #0078D4; border-radius: 50%; width: 24px; height: 24px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } `)); }