Code Badge

1import { cn } from '@/lib/utils';
2 
3// Identifier badge (course codes, cert codes) -- rounded-md, no border.
4// Distinct from Chip (rounded-full pill, bordered) which marks taxonomy.
5 
6export type CodeBadgeProps = React.ComponentProps<'span'>;
7 
8export function CodeBadge({ className, ...props }: CodeBadgeProps) {
9  return (
10    <span
11      className={cn(
12        'rounded-md bg-ruri/10 px-2 py-1 font-mono text-[0.75rem] font-semibold text-ruri dark:bg-ruri-soft/10 dark:text-ruri-soft',
13        className,
14      )}
15      {...props}
16    />
17  );
18}