// RODAPE.JS

import './Rodape.css'

const Rodape = (props) => { return (

Desenvolvido por Alura.

.footer { background: #6278f7; color: #FFF; padding: 80px; display: flex; justify-content: space-between; align-items: center; }

.footer ul li { border-bottom: #6278f7; display: inline-block; margin-right: 32px; }

.footer ul li:last-child { margin-right: 0; }

import Rodape from './componentes/Rodape/Rodape';

function App() { const times = [ { nome: 'Programação', corPrimaria: '#57C278', corSecundaria: '#D9F7E9' }, { nome: 'Front-end', corPrimaria: '#82CFFA', corSecundaria: '#E8F8FF' }, { nome: 'Data Science', corPrimaria: '#A6D157', corSecundaria: '#F0F8E2' }, { nome: 'Devops', corPrimaria: '#E06B69', corSecundaria: '#FDE7E8' }, { nome: 'Ux e Design', corPrimaria: '#D86EBF', corSecundaria: '#FAE5F5' }, { nome: 'Mobile', corPrimaria: '#FEBA05', corSecundaria: '#FFF5D9' }, { nome: 'Inovação e Gestão', corPrimaria: '#FF8A29', corSecundaria: '#FFEEDF' }, ]

const [colaboradores, setColaboradores] = useState([])

const aoNovocolaboradorAdicionado = (colaborador) => {

setColaboradores([...colaboradores, colaborador])

} return (

  <Formulario times={times.map(time => time.nome)} aoColaboradorCadastrado={colaborador => aoNovocolaboradorAdicionado(colaborador)} />
      
      
      Apareceu próximo ao banner e não no rodapé