1use tailwind_fuse::{AsTailwindClass, TwVariant};
2
3pub const BADGE_BASE: &str = "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs \
4 font-medium w-fit whitespace-nowrap shrink-0 gap-1 overflow-hidden \
5 [&>svg]:size-3 [&>svg]:pointer-events-none transition-[color,box-shadow] \
6 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] \
7 aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error";
8
9#[derive(PartialEq, TwVariant, strum::AsRefStr, strum::EnumIter)]
11#[strum(serialize_all = "kebab-case")]
12pub enum BadgeVariant {
13 #[tw(default, class = "border-transparent bg-primary text-on-primary [a&]:hover:bg-primary/90")]
14 Primary,
15 #[tw(class = "border-transparent bg-secondary text-on-secondary [a&]:hover:bg-secondary/90")]
16 Secondary,
17 #[tw(class = "border-transparent bg-accent-error text-on-accent-error [a&]:hover:bg-accent-error/90 focus-visible:ring-accent-error/20")]
18 Destructive,
19 #[tw(class = "text-ink [a&]:hover:bg-hover [a&]:hover:text-ink")]
20 Outline,
21 #[tw(class = "border-transparent bg-positive/20 text-positive")]
22 Success,
23}