Badge

<Badge variant="orange">Featured</Badge>

import type * as React from 'react'
import { cn } from '@/lib/utils'

interface BadgeProps {
  children: React.ReactNode
  variant?: 'orange' | 'amber' | 'green' | 'red' | 'muted'
  className?: string
}

const variantClass: Record<NonNullable<BadgeProps['variant']>, string> = {
  orange: 'emb-badge emb-badge-orange',
  amber:  'emb-badge emb-badge-amber',
  green:  'emb-badge emb-badge-green',
  red:    'emb-badge emb-badge-red',
  muted:  'emb-badge emb-badge-muted',
}

export function Badge({ children, variant = 'orange', className }: BadgeProps): React.JSX.Element {
  return (
    <span className={cn(variantClass[variant], className)}>
      {children}
    </span>
  )
}