export default function ({ profileData }) {

    const data = [
        {
            name: "Recursos disponíveis",
            src: "/redigitais.svg",
            value: "444",            
        },
        {
            name: "Recursos Acessados",
            src: "/download.svg",
            value: "444",            
        },
        {
            name: "Usuários Cadastrados",
            src: "/seguir.svg",
            value: "444",          
        },
    ]

    return (
        <>
        <div>
            <div>
                <h1 className="flex font-bold text-3xl text-darkGray-HC-white my-10 mx-8">
                    A MEC RED é uma rede para você se coonectar com pessoas interessadas em Educação!
                </h1>
            </div>
            <div>
                <h1 className="flex-xl text-darkTurquoise-HC-white text-wrap text-center ">
                    Construa conosco a sua rede de conhecimentos, interagindo com pessoas envolvidas com experiência educacionais que ocorrem em todo o Brasil!
                </h1>
            </div>
            <div>
                <div className="flex flex-row">
                    {data.map ((item, index) => {
                        <div key={index} className="">
                            <img 
                                src={item.src}
                                alt={item.name}
                            />
                            <h1>
                                {item.value}
                            </h1>
                        </div>
                    })}
                </div>
            </div>
        </div>
        </>
    )
}