<template>
  <div class="fixed-grid has-3-cols">
    <div
      class="grid"
      style="gap: 0.5rem 0"
    >
      <div
        v-for="month in [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]"
        :key="month"
        class="cell is-flex"
      >
        <button
          class="button is-white fs-14 w-full"
          @click="$emit('month', month)"
        >
          Tháng {{ month }}
        </button>
      </div>
    </div>
  </div>
</template>
<style scoped>
.button {
  --bulma-button-color-l: 25%;
}
</style>
