import { useEffect } from "react";
import { useLocation } from "react-router";
import GenerateNIF from "../components/Geradores/Tipos/GenerateNIF";

export default function NIF() {
  const location = useLocation(); 

  // Efeito para rolar até a seção correspondente ao path
  useEffect(() => {
    const featuresSection = document.getElementById(location.hash.substring(1));
    if (featuresSection) {
      featuresSection.scrollIntoView({ behavior: "smooth" });
    }

  }, [location]);

  return (
    <div >
      <div >
        {/* Seção de Funcionalidades */}
        <section id="features" className="py-16 px-4 md:px-8">
          <div className="max-w-6xl mx-auto grid grid-cols-1">
            <div id="nif">
              <GenerateNIF />
            </div>
          </div>
        </section>
      </div>
    </div>
  );
}