import React from 'react';
import logoBlaBlaBla from './logo.svg';
import './App.css';

let appId = 'app1';
let arr = ['Dmytro', 'Valentyna', 'Ann', 'Denis'];

function App() {
  return (
    <div className="App-main" id={appId}>
        <ul>
            { arr.map(item => <li key={item} className={'cl-' + item}>{item}</li>) }
        </ul>
      <header className="App-header">
        <img src={logoBlaBlaBla} className="App-logo" alt="logo" />
      </header>
    </div>
  );
}

export default App;