import React from 'react';
import { Tag } from 'antd';

export function renderCursorAgentStatusTag(status: string): React.ReactNode {
    const statusConfig: Record<string, { color: string; icon: string; text: string }> = {
        CREATING: { color: 'processing', icon: '⏳', text: 'Criando' },
        RUNNING: { color: 'success', icon: '▶️', text: 'Rodando' },
        FINISHED: { color: 'success', icon: '✅', text: 'Finalizado' },
        FAILED: { color: 'error', icon: '❌', text: 'Falhou' },
        CANCELLED: { color: 'default', icon: '🚫', text: 'Cancelado' },
    };

    const config = statusConfig[status] || statusConfig.CREATING;
    return (
        <Tag color={config.color} icon={<span>{config.icon}</span>}>
            {config.text}
        </Tag>
    );
}