text: import React from "react";
  import { Header } from "./components/Header";
  import { Balance } from './components/Balance';
  import { IncomeExpenses } from './components/IncomeExpenses'
  import { TransactionList } from './components/TransactionList'
  import { AddTransaction } from './components/AddTransaction'
  import { GlobalProvider } from './context/GlobalState'
  import "./App.css";
  
  function App() {
  	return (
  		<GlobalProvider>
  			<Header />
  			<div className="container">
  				<Balance />
  				<IncomeExpenses />
  				<TransactionList />
  				<AddTransaction />
  			</div>
  		</GlobalProvider>
  	);
  }
  
  export default App;