button-group

1<script setup lang="ts">
2import type { HTMLAttributes } from "vue"
3import type { ButtonGroupVariants } from "."
4import { cn } from "@/lib/utils"
5import { buttonGroupVariants } from "."
6 
7const props = defineProps<{
8  class?: HTMLAttributes["class"]
9  orientation?: ButtonGroupVariants["orientation"]
10}>()
11</script>
12 
13<template>
14  <div
15    role="group"
16    data-slot="button-group"
17    :data-orientation="props.orientation"
18    :class="cn(buttonGroupVariants({ orientation: props.orientation }), props.class)"
19  >
20    <slot />
21  </div>
22</template>