<script setup lang="ts">
import { t } from '../i18n'

const teams = [
  { id: 'core', name: 'Core Product Team', members: 7, open: 12 },
  { id: 'growth', name: 'Growth Team', members: 5, open: 8 },
]
</script>

<template>
  <section class="page">
    <header class="page-head">
      <h2>{{ t('team_entry') }}</h2>
      <p>{{ t('team_subtitle') }}</p>
    </header>

    <div class="cards two-col">
      <article v-for="team in teams" :key="team.id" class="card">
        <h3>{{ team.name }}</h3>
        <p>{{ t('team_members', { count: team.members }) }}</p>
        <p>{{ t('team_open_todos', { count: team.open }) }}</p>
      </article>
    </div>
  </section>
</template>
