<template>
  <div class="flex items-center gap-5px">
    <div
      class="gobang-chessboard__cell"
      :class="white ? 'gobang-chessboard__cell--white' : 'gobang-chessboard__cell--black'"
    ></div>
    <div class="font-bold">
      <template v-if="white">白方</template>
      <template v-else>黑方</template>
    </div>
  </div>
</template>
<script setup lang="ts">
defineProps<{ white: boolean }>();
</script>
