<reponame>Hanippa/DI_Bootcamp<filename>Week_11/Day_1/InClass/my-first-app/src/Hello.js<gh_stars>0import './Hello.css'
import React from 'react'

const Hello = () => {
    const users = [{
        username:'Mia',
        email:'ychag@example.com'
    },
    {
        username:'Lisa',
        email:'anpch@example.com'
    },
    {
        username:'Sarha',
        email:'efpyi@example.com'
    }]
    return (
        <div className="users-container" style={{color:"lightpink",border:"2px solid lightpink", padding:"20px"}}>
            {users.map(item => {
                return (
                    <h1 key={item.username}>{item.email} - {item.username}</h1>
                )
            })}
        </div>
    )
}

export default Hello