import { cn } from '@insforge/ui';

interface TypeBadgeProps {
  type: string;
  className?: string;
}

export function TypeBadge({ type, className }: TypeBadgeProps) {
  return (
    <div
      className={cn(
        'inline-flex items-center justify-center px-1.5 py-0.5 rounded',
        'bg-white border border-zinc-200 dark:bg-neutral-900 dark:border-neutral-700',
        className
      )}
    >
      <span className="text-xs font-normal text-zinc-500 dark:text-neutral-400">{type}</span>
    </div>
  );
}
