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

<script>
export default {
  props: ['players', 'hideScores'],
}
</script>

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

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