<script setup>
// eslint-disable-next-line
defineProps(["email"]);
</script>
<template>
    <p>Interaction ID {{ email.systemId }}</p>
    <p>To: <span v-for="address in email.toAddresses" :key="address">{{ address }} </span> </p>
    <p>From: {{ email.fromAddress }}</p>
    <p>Subject: {{ email.subject }}</p>
    <p>Thread ID: {{ email.threadId }}</p>
</template>
<style>
p {
    margin: 0;
}
</style>