Badge

<Badge variant="cyan">v2.4.0</Badge>

import { cn } from '@/lib/utils'

type BadgeVariant = 'cyan' | 'amber' | 'ghost' | 'surface' | 'muted'

interface BadgeProps {
  variant?:   BadgeVariant
  className?: string
  children:   React.ReactNode
}

export function Badge({
  variant   = 'cyan',
  className,
  children,
}: BadgeProps): React.JSX.Element {
  return (
    <span className={cn('bp-badge', `bp-badge-${variant}`, className)}>
      {children}
    </span>
  )
}