<script setup lang="ts">
import { type Class } from '@/api/classroom_compliance'

defineProps<{
  cls: Class
}>()
</script>
<template>
  <div class="class-item">
    <h3>Class <span v-text="cls.number"></span></h3>
    <p v-text="cls.schoolYear"></p>
    <div>
      <RouterLink :to="'/classroom-compliance/classes/' + cls.id">View</RouterLink>
    </div>
  </div>
</template>
<style scoped>
.class-item {
  border: 1px solid black;
  padding: 10px;
  margin-bottom: 10px;
}
</style>