Reconmap/web-client

import {Link} from 'react-router-dom'
import {IconShieldExclamation} from '../ui/Icons'

export default function VulnerabilityBadge({vulnerability}) {
    const styles = {
        badge: {
            color: `var(--primary-color)`,
            alignItems: 'center',
            display: `inline-flex`,
            borderRadius: 'var(--borderRadius, 3px)',
            fontWeight: 'var(--fontBold)',

        }
    }

    return (<Link to={`/vulnerabilities/${vulnerability.id}`} style={styles.badge}>
            <IconShieldExclamation/>
            {vulnerability.summary}
        </Link>
    )
}