<script setup lang="ts">
// 製作者 樋渡
import CCButtonSet from '../CCButtonSet.vue'

const clickLeft = () => {
  alert('左ボタンがクリックされました')
}

const clickRight = () => {
  alert('右ボタンがクリックされました')
}
</script>

<template>
  <CCButtonSet
    leftButtonLabel="左ボタン"
    rightButtonLabel="右ボタン"
    leftButtonColor="primary"
    rightButtonColor="secondary"
    rounded
    @clickLeft="clickLeft"
    @clickRight="clickRight"
    class="_button_container"
  />
</template>

<style scoped>
._button_container {
  width: 350px;
  margin: 0 auto;
}
</style>
