Files
dcalc/frontend-ui/src/components/ui/badge/badgeVariants.ts
T
2026-08-04 17:57:01 +08:00

21 lines
681 B
TypeScript

import { cva, type VariantProps } from 'class-variance-authority'
export const badgeVariants = cva(
'inline-flex h-[18px] items-center rounded-none border px-[7px] text-[10px] font-normal leading-none',
{
variants: {
variant: {
default: 'border-border bg-primary text-primary-foreground',
secondary: 'border-border bg-secondary text-secondary-foreground',
outline: 'border-border bg-transparent text-foreground',
destructive: 'border-destructive bg-destructive text-destructive-foreground',
},
},
defaultVariants: {
variant: 'default',
},
},
)
export type BadgeVariants = VariantProps<typeof badgeVariants>