@vela-ui/react
Version:
Vela UI React components
3 lines (2 loc) • 1.21 kB
JavaScript
"use client"
import{a as e}from"./chunk-KCI5SKSW.mjs";import{tv as n}from"tailwind-variants";import{jsx as s}from"react/jsx-runtime";var o=n({extend:e,base:"inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] [&>svg]:pointer-events-none [&>svg]:size-3",variants:{variant:{neutral:"bg-neutral text-neutral-foreground [a&]:hover:bg-neutral/90 border-transparent",primary:"bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent",secondary:"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",accent:"bg-accent text-accent-foreground [a&]:hover:bg-accent/90 border-transparent",destructive:"bg-destructive [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 border-transparent text-white",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"primary"}});function c({className:r,variant:t,...a}){return s("span",{"data-slot":"badge",className:o({variant:t,className:r}),...a})}export{o as a,c as b};