function MainComponent() { const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const cnpj = formData.get('cnpj').replace(/[^\d]/g, ''); if (cnpj) { window.open(`http://servicos.receita.fazenda.gov.br/Servicos/cnpjreva/Cnpjreva_Solicitacao.asp?cnpj=${cnpj}`, '_blank'); } }; const [cnpjValid, setCnpjValid] = React.useState(true); const [cnpj, setCnpj] = React.useState(''); const validateCnpj = (event)=>{ const cnpjPattern = /^\d{2}\.\d{3}\.\d{3}\/\d{4}-\d{2}$/; setCnpjValid(cnpjPattern.test(event.target.value)); setCnpj(event.target.value); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f3f4f6] p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg p-8 w-full max-w-md", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold text-[#121212] font-roboto mb-6", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Consultar CNPJ na Receita Federal"), /*#__PURE__*/ React.createElement("a", { href: "https://solucoes.receita.fazenda.gov.br/servicos/cnpjreva/cnpjreva_solicitacao.asp", target: "_blank", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 23, columnNumber: 118 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "cnpj", className: "text-sm font-roboto text-[#121212] mb-2 block", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "CNPJ"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "cnpj", name: "cnpj", value: cnpj, placeholder: "00.000.000/0000-00", className: `w-full p-3 border-${cnpjValid ? '[#d1d5db]' : '[#dc2626]'} rounded-md text-sm font-roboto text-[#121212] placeholder-[#9ca3af]`, onChange: validateCnpj, __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), !cnpjValid && /*#__PURE__*/ React.createElement("p", { className: "text-xs font-roboto text-[#dc2626] mt-1", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Por favor, insira um CNPJ válido no formato 00.000.000/0000-00.")), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: !cnpjValid || !cnpj, className: `w-full ${!cnpjValid || !cnpj ? 'bg-[#93c5fd]' : 'bg-[#2563eb] hover:bg-[#1d4ed8]'} text-white p-3 rounded-md text-sm font-semibold font-roboto`, __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Pesquisar"))))); }