import './App.css';
import Header from './Header';

function App() {
  return (
    // Podemos ajustar esses componentes através de suas propriedades e podemos passar propriedades para um componente filho, no nosso exemplo, o header esta sendo utilizado como filho de app, através de atributos, que seriam atributos do html e transformar nas propriedades dentro da nossa função que cria nosso objeto.
    // Com propriedades, iremos criar um header genérico que servirá pra qualquer aplicação e podemos transformar ele ainda mais genérico, podendo alterar a cor através das propriedades, podendo colocar vários links, então quanto mais genérico nós querermos pdemos fazer desde que seja preprarado pra isso.
    <Header name='José' links={['Sobre', 'Comprar', 'Contato']}> </Header>
  )
}

export default App;
