import Counter from './Counter.jsx'

const fruitlist = ['apple', 'banana', 'cherry'];

function App() {
    return (
        <div className="App">
            <h1>Hello World!</h1>
            <ul>
                {fruitlist.map((fruit, index, array) => {
                    return (
                        <li key={fruit}>
                            Name: {fruit}, Index: {index}, Array: {array}
                        </li>
                    );
                    }
                )}
            </ul>
            <div>
                <Counter />
            </div>
        </div>
    );
}

export default App