security-checklist/components/ChecklistItem/Offer.js
2019-01-14 10:12:41 -08:00

19 lines
448 B
JavaScript

// @flow
import React from 'react';
import type { Offer } from '../../types';
import Icon from '../Icon';
import { OfferContainer, LeftBorder } from './style';
type Props = {
offer: Offer,
};
export default function AppOffer({ offer }: Props) {
return (
<OfferContainer href={offer.url} target="_blank" rel="noopener noreferrer">
<LeftBorder />
<Icon glyph="link" size={20} />
{offer.label}
</OfferContainer>
);
}