<script setup lang="ts">
import type { EntriesResponseStudent } from '@/api/classroom_compliance';
defineProps<{
  student: EntriesResponseStudent,
  classId: number
}>()
</script>
<template>
  <td :class="{ 'student-removed': student.removed }">
    <RouterLink :to="'/classroom-compliance/classes/' + classId + '/students/' + student.id" class="student-link">
      <span v-text="student.name"></span>
    </RouterLink>
  </td>
</template>
<style scoped>
.student-link {
  text-decoration: none;
  color: inherit;
}

.student-removed {
  text-decoration: line-through;
}
</style>
