import React, { ReactNode } from 'react';
import styles from './BadgeCategory.module.scss';

interface BadgeCategoryProps {
    children: ReactNode;
    color?: string;
    className?: string;
}

export function BadgeCategory({ children, color, className = '' }: BadgeCategoryProps) {
    const style = color ? { backgroundColor: color } : undefined;

    return (
        <span className={`${styles.badgeCategory} ${className}`} style={style}>
            {children}
        </span>
    );
}