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

interface Props {
    comercializadora: ComercializadoraSips;
}

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

    return (
        <Alert variant="info" className="mt-3" role="status">
            <Alert.Heading className="h6 mb-2">Consulta SIPS no disponible</Alert.Heading>
            <p className="mb-0">
                La comercializadora <strong>{nombre}</strong> no cuenta con capacidad de consulta SIPS.
            </p>
        </Alert>
    );
};

export default SipsUnsupportedMessage;