<template>
    <header>
      <img src="@/assets/logo-inpulse.png" alt="INPulse Logo">
      <div class="header-buttons">
        <div class="contact-menu">
          <button class="contact-button" @click="toggleDropdown">Contact</button>
          <div class="contact-dropdown" v-show="isDropdownOpen">
            <button>Contact All</button>
            <button>Contact Person 1</button>
            <button>Contact Person 2</button>
            <button>Contact Person 3</button>
          </div>
          <div class="return"><a href="/">return to list project</a></div>
        </div>
      </div>
    </header>
  </template>
  
  <script>
  export default {
    data() {
      return {
        isDropdownOpen: false
      };
    },
    methods: {
      toggleDropdown() {
        this.isDropdownOpen = !this.isDropdownOpen;
      }
    }
  };
  </script>
  
  <style scoped>
  @import "@/components/canvas/style-project.css";
  </style>
  