import React from 'react';
import { Alert } from 'react-bootstrap';
import { ComercializadoraSips, comercializadoraLabel } from '../types';
import { readServicioIntegracion } from '../config/resolveProvider';

interface Props {
    comercializadora: ComercializadoraSips;
}

const SipsUnsupportedMessage: React.FC<Props> = ({ comercializadora }) => {
    const integration = readServicioIntegracion(comercializadora);

    return (
        <Alert variant="info" className="mt-3">
            <Alert.Heading className="h6 mb-2">Sin integraci├│n SIPS</Alert.Heading>
            <p className="mb-0">
                La comercializadora <strong>{comercializadoraLabel(comercializadora)}</strong> (ID:{' '}
                {comercializadora.CodCom}) no tiene integraci├│n SIPS (
                <code>audax</code> o <code>adx</code>).
                {integration && (
                    <>
                        {' '}Valor actual en BD: <code>{integration}</code>.
                    </>
                )}
            </p>
        </Alert>
    );
};

export default SipsUnsupportedMessage;