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

interface BadgeStatusProps {
    children: ReactNode;
    type: 'success' | 'warning' | 'danger' | 'info';
    icon?: ReactNode;
    className?: string;
}

/**
 * @deprecated Preferir `StatusBadge` (`@/components/badges/StatusBadge`) para status de domínio
 * (mapa `status` → label/cor Ant Design `Tag`). `BadgeStatus` não tem consumidores no `front/`
 * e permanece só por compatibilidade de barrel até remoção em P3.
 */
export function BadgeStatus({ children, type, icon, className = '' }: BadgeStatusProps) {
    return (
        <span className={`${styles.badgeStatus} ${styles[type]} ${className}`}>
            {icon && <span className={styles.icon}>{icon}</span>}
            {children}
        </span>
    );
}