import { Component } from 'react';
import './App.css';
import MainProvider from './components/MainProvider';
import HomePageProductList from './components/HomePageProductList';
import NewProductProvider from './components/NewProductProvider';
import AddProduct from './components/AddProduct';

export default class App extends Component {
  state = {
    name: 'Laser Tatoo Removal For Dogs.com',
  };

  render() {
    return (
      <div className="App">
        <h1>Welcome to {this.state.name}</h1>
        <MainProvider>
          <HomePageProductList />
          <NewProductProvider>
            <AddProduct />
          </NewProductProvider>
        </MainProvider>

      </div>
    );
  }
}