text: import React, { Component } from "react";
  import ListaDeNotas from "./components/ListaDeNotas";
  import FormularioCadastro from "./components/FormularioCadastro";
  import "./assets/App.css";
  import "./assets/index.css";
  import ListaDeCategorias from "./components/ListaDeCategorias/ListaDeCategorias.jsx";
  import Categorias from "./dados/cateogrias";
  import ArrayDeNotas from "./dados/nota";
  
  class App extends Component {
    constructor() {
      super();
      this.categorias = new Categorias();
      this.notas = new ArrayDeNotas();
    }
  
    render() {
      return (
        <section className="conteudo">
          <FormularioCadastro
            categorias={this.categorias}
            adicionarNota={this.notas.adicionarNota.bind(this.notas)}
          />
          <main className="conteudo-principal">
            <ListaDeCategorias
              adicionarCategoria={this.categorias.adicionarCategoria.bind(this.categorias)}
              categorias={this.categorias}
            />
            <ListaDeNotas
              apagarNota={this.notas.apagarNota.bind(this.notas)}
              notas={this.notas}
            />
          </main>
        </section>
      );
    }
  }
  
  //new ListaDeNotas({notas:this.notas})
  export default App;
  