<script setup lang="ts">
import ProjectSwitcher from './ProjectSwitcher.vue';
import type {Project} from '../../shared/contracts/api.generated.ts';
defineProps<{project:Project;view:string;backHref:string;backLabel:string}>();
</script>
<template>
 <header class="project-context-header">
  <a :href="backHref" class="back-link project-back" :aria-label="backLabel" :title="backLabel"><svg aria-hidden="true" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"><path d="m15 5-7 7 7 7"/></svg></a>
  <div class="project-heading">
   <ProjectSwitcher v-if="!project.deletedAt" :project="project" :view="view" />
   <h1 v-else id="project-title">{{project.title}}</h1>
   <p v-if="view!=='progress'" class="detail-context"><span class="project-status">{{project.deletedAt?'Deleted':project.archivedAt?'Archived':project.status}}</span></p>
  </div>
 </header>
</template>
