32 lines
663 B
TypeScript
32 lines
663 B
TypeScript
import React from 'react'
|
|
import { FaShieldAlt } from 'react-icons/fa'
|
|
import styled from 'styled-components'
|
|
|
|
const StyledCertBadge = styled.a`
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
padding: 0.375rem 1rem;
|
|
font-size: 0.75rem;
|
|
border: 2px solid #314351;
|
|
border-radius: 0.25rem;
|
|
color: #314351;
|
|
text-decoration: none;
|
|
&:hover {
|
|
color: white;
|
|
background-color: #314351;
|
|
}
|
|
`
|
|
|
|
const CertBadge = () => (
|
|
<StyledCertBadge
|
|
href="https://sasapps.io/cyber-essentials-certified/"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
<FaShieldAlt /> Cyber Essentials Certified
|
|
</StyledCertBadge>
|
|
)
|
|
|
|
export default CertBadge
|