import { Badge } from '@/components/ui/badge';
import { getDocumentTypeAppearance } from '@/features/documents/lib/document-type';
import { cn } from '@/lib/utils';

type DocumentTypeLabelProps = {
    typeKey: string;
    label: string;
};

export function DocumentTypeLabel({ typeKey, label }: DocumentTypeLabelProps) {
    const { icon: Icon, iconContainerClassName } = getDocumentTypeAppearance(typeKey);

    return (
        <Badge variant="outline" className="inline-flex items-center gap-1.5 border-none">
            <span className={cn('rounded-sm p-1', iconContainerClassName)}>
                <Icon className="h-3 w-3" />
            </span>
            {label}
        </Badge>
    );
}