import{c as i,P as n,b as o}from"./AppLogoIcon.vue_vue_type_script_setup_true_lang-BbjSNLws.js";import{d,g as c,o as v,w as u,s as l,m as g,u as e}from"./app-D_cNhTOt.js";import{r as f}from"./useForwardExpose-4P0NPntM.js";const y=d({__name:"Badge",props:{asChild:{type:Boolean},as:{},variant:{},class:{}},setup(r){const a=r,t=f(a,"class");return(s,b)=>(v(),c(e(n),g({"data-slot":"badge",class:e(i)(e(p)({variant:r.variant}),a.class)},e(t)),{default:u(()=>[l(s.$slots,"default")]),_:3},16,["class"]))}}),p=o("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});export{y as _};
