button

1<script setup lang="ts">
2import type { PrimitiveProps } from "reka-ui"
3import type { HTMLAttributes } from "vue"
4import type { ButtonVariants } from "."
5import { Primitive } from "reka-ui"
6import { cn } from "@/lib/utils"
7import { buttonVariants } from "."
8 
9interface Props extends PrimitiveProps {
10  variant?: ButtonVariants["variant"]
11  size?: ButtonVariants["size"]
12  class?: HTMLAttributes["class"]
13}
14 
15const props = withDefaults(defineProps<Props>(), {
16  as: "button",
17})
18</script>
19 
20<template>
21  <Primitive
22    :as="as"
23    :as-child="asChild"
24    :class="cn(buttonVariants({ variant, size }), props.class)"
25  >
26    <slot />
27  </Primitive>
28</template>