import { emails } from "./data";

// add a condition to check for any emails that are read
// then add a class to our email div (currently with class email) 
// so it has an extra class of 'read'
const getEmailHtmlString = (emailsArray) =>
    emailsArray.map(({ sender, subject, date, read }) => 
            `<div class="email">
                <span>${sender}</span>
                <span>${subject}</span>
                <span>${date}</span>
            </div>`           
    );
  
const emailsHtmlString = getEmailHtmlString(emails);

document.getElementById("emails").innerHTML = emailsHtmlString.join("");