wehub-resource-sync
67 lines
1.4 KiB
TypeScript
67 lines
1.4 KiB
TypeScript
import { cn } from "~/utils/cn";
|
|
import { Badge } from "./primitives/Badge";
|
|
import { SimpleTooltip } from "./primitives/Tooltip";
|
|
|
|
export function AlphaBadge({
|
|
inline = false,
|
|
className,
|
|
}: {
|
|
inline?: boolean;
|
|
className?: string;
|
|
}) {
|
|
return (
|
|
<SimpleTooltip
|
|
button={
|
|
<Badge variant="extra-small" className={cn(inline ? "inline-grid" : "", className)}>
|
|
Alpha
|
|
</Badge>
|
|
}
|
|
content="This feature is in Alpha"
|
|
disableHoverableContent
|
|
/>
|
|
);
|
|
}
|
|
|
|
export function AlphaTitle({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<>
|
|
<span>{children}</span>
|
|
<AlphaBadge />
|
|
</>
|
|
);
|
|
}
|
|
|
|
export function BetaBadge({ inline = false, className }: { inline?: boolean; className?: string }) {
|
|
return (
|
|
<SimpleTooltip
|
|
button={
|
|
<Badge variant="extra-small" className={cn(inline ? "inline-grid" : "", className)}>
|
|
Beta
|
|
</Badge>
|
|
}
|
|
content="This feature is in Beta"
|
|
disableHoverableContent
|
|
/>
|
|
);
|
|
}
|
|
|
|
export function BetaTitle({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<>
|
|
<span>{children}</span>
|
|
<BetaBadge />
|
|
</>
|
|
);
|
|
}
|
|
|
|
export function NewBadge({ inline = false, className }: { inline?: boolean; className?: string }) {
|
|
return (
|
|
<Badge
|
|
variant="extra-small"
|
|
className={cn("text-success", inline ? "inline-grid" : "", className)}
|
|
>
|
|
New
|
|
</Badge>
|
|
);
|
|
}
|