<template>
  <div class="space-y-3">
    <div>
      <AisButtonGroup rounded>
        <AisButton>Button 1</AisButton>
        <AisButton>Button 2</AisButton>
        <AisButton>Button 3</AisButton>
      </AisButtonGroup>
    </div>
    <div>
      <AisButtonGroup rounded="md">
        <AisButton>Button 1</AisButton>
        <AisButton>Button 2</AisButton>
        <AisButton>Button 3</AisButton>
      </AisButtonGroup>
    </div>
    <div>
      <AisButtonGroup rounded="lg">
        <AisButton>Button 1</AisButton>
        <AisButton>Button 2</AisButton>
        <AisButton>Button 3</AisButton>
      </AisButtonGroup>
    </div>
    <div>
      <AisButtonGroup rounded="full">
        <AisButton>Button 1</AisButton>
        <AisButton>Button 2</AisButton>
        <AisButton>Button 3</AisButton>
      </AisButtonGroup>
    </div>
  </div>
</template>

<script setup>
  import AisButtonGroup from '@/components/button-group/AisButtonGroup.vue'
  import AisButton from '@/components/button/AisButton.vue'
</script>
