import React from 'react';
import { cn } from '@/utils/utils';

interface BadgeProps {
    className?: string;
    name: string
}

export const Badge: React.FC<BadgeProps> = ({ className, name }) => {

    return (
        <div
            className={cn(
                "px-2.5 py-1 rounded-full text-xs font-semibold inline-flex items-center border transition-colors min-w-fit max-h-fit",
                className
            )}
        >
            {name}
        </div>
    );
};

export default Badge;