<template>
  <div class="player-list">
    <div v-for="player in players" :key="player.id">
      <Player :player="player" :hide-score="hideScores" />
    </div>
  </div>
</template>

<script setup lang="ts">
import type { Players } from '@/stores/PlayersStore'

defineProps<{
  players: Players,
  hideScores?: boolean,
}>()
</script>

<style lang="scss">
@import '~/assets/css/components';

.player-list {
  padding: 8px;
  border: $box-primary-border;
  border-radius: 10px;
  background-color: $box-primary-background-color;
}
</style>
