function MainComponent() { const [telefone, setTelefone] = React.useState(""); const handleTelefoneChange = (e)=>{ const value = e.target.value.replace(/\D/g, ''); setTelefone(value.length >= 2 ? `(${value.slice(0, 2)}) ${value.slice(2)}` : value); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex items-center justify-center bg-[#000000] bg-gradient-to-b from-[#000000] to-[#243147]", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "bg-transparent flex flex-col items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "nome", className: "font-roboto text-white bg-transparent border-b border-white mb-4 placeholder-white focus:placeholder-transparent", placeholder: "Nome:", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "empresa", className: "font-roboto text-white bg-transparent border-b border-white mb-4 placeholder-white focus:placeholder-transparent", placeholder: "Empresa:", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cnpj", inputMode: "numeric", className: "font-roboto text-white bg-transparent border-b border-white mb-4 placeholder-white focus:placeholder-transparent", placeholder: "CNPJ:", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "telefone", value: telefone, onChange: handleTelefoneChange, className: "font-roboto text-white bg-transparent border-b border-white mb-4 placeholder-white focus:placeholder-transparent", placeholder: "Telefone:", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "colaboradores", defaultValue: "", className: "font-roboto text-white bg-transparent border-b border-white mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Colaboradores"), /*#__PURE__*/ React.createElement("option", { value: "1-5", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "1 a 5"), /*#__PURE__*/ React.createElement("option", { value: "6-10", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "6 a 10"), /*#__PURE__*/ React.createElement("option", { value: "11-20", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "11 a 20"), /*#__PURE__*/ React.createElement("option", { value: "21-50", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "21 a 50"), /*#__PURE__*/ React.createElement("option", { value: "more-50", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "+ de 50")), /*#__PURE__*/ React.createElement("select", { name: "faturamento", defaultValue: "", className: "font-roboto text-white bg-transparent border-b border-white mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Faturamento Mensal"), /*#__PURE__*/ React.createElement("option", { value: "up-to-30", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Até 30 Mil"), /*#__PURE__*/ React.createElement("option", { value: "30-to-50", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "30 a 50 Mil"), /*#__PURE__*/ React.createElement("option", { value: "50-to-80", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "50 a 80 Mil"), /*#__PURE__*/ React.createElement("option", { value: "80-to-100", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "80 a 100 Mil"), /*#__PURE__*/ React.createElement("option", { value: "100-to-200", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "100 a 200 Mil"), /*#__PURE__*/ React.createElement("option", { value: "200-to-300", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "200 a 300 Mil"), /*#__PURE__*/ React.createElement("option", { value: "300-to-400", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "300 a 400 Mil"), /*#__PURE__*/ React.createElement("option", { value: "400-to-500", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "400 a 500 Mil"), /*#__PURE__*/ React.createElement("option", { value: "over-500", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Mais de 500 Mil")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "font-roboto font-bold text-white bg-transparent border border-white w-[200px] h-10 mt-2", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "Register"))); }