<template>
  <div class="chat-preview">
    <div class="chat-picture">
      <picture src="./icons/IconCommunity.vue" alt="chat-picture"></picture>
    </div>
    <div class="chat-text">
      <div class="chat-name">
        <h3>Test Test Test</h3>
      </div>
      <div class="chat-last-msg">
        <p>Questo e' un messaggio di prova</p>
      </div>
      <div class="chat-info">
        <div class="chat-seen" color="green">✓✓</div>
        <div class="chat-date">Ven</div>
        <div
          class="chat-new-messages"
          border-radius="100%"
          color="white"
          background="blue"
        >1</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  setup() {},
};
</script>

<style scoped></style>
