import { emails } from "./data"
    
const emailAdressArray = emails.map(function(email){
    return email.sender
});
console.log(emailAdressArray);

// use a join on our emailsHtmlArray to convert the array to a string
const emailsHtmlArray = emails.map(function(email){
    const { sender, subject, date } = email;
    return  `
        <div class="email">
            <span>${sender}</span>
            <span>${subject}</span>
            <span>${date}</span>
        </div>`;
});

document.getElementById("emails").innerHTML = emailsHtmlArray;