security-checklist/components/ChecklistItem/Resource.js
2019-01-12 23:00:23 -08:00

20 lines
483 B
JavaScript

// @flow
import React from 'react';
import type { Resource } from '../../types';
import { ResourceRowContainer, ResourceName } from './style';
import Icon from '../Icon';
type Props = {
resource: Resource,
};
export const ResourceRow = ({ resource }: Props) => (
<ResourceRowContainer
href={resource.url}
target="_blank"
rel="noopener noreferrer"
>
<Icon glyph="link" size={20} />
<ResourceName>{resource.name}</ResourceName>
</ResourceRowContainer>
);