You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
803 B
46 lines
803 B
/**
|
|
* Copyright (c) 2013-present, Facebook, Inc.
|
|
*
|
|
* @emails react-core
|
|
* @flow
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
import React from 'react';
|
|
import {colors} from 'theme';
|
|
import ExternalLinkSvg from 'templates/components/ExternalLinkSvg';
|
|
|
|
import type {Node} from 'react';
|
|
|
|
type Props = {
|
|
children: Node,
|
|
href: string,
|
|
target?: string,
|
|
rel?: string,
|
|
};
|
|
|
|
const ExternalFooterLink = ({children, href, target, rel}: Props) => (
|
|
<a
|
|
css={{
|
|
lineHeight: 2,
|
|
':hover': {
|
|
color: colors.brand,
|
|
},
|
|
}}
|
|
href={href}
|
|
target={target}
|
|
rel={rel}>
|
|
{children}
|
|
<ExternalLinkSvg
|
|
cssProps={{
|
|
verticalAlign: -2,
|
|
display: 'inline-block',
|
|
marginLeft: 5,
|
|
color: colors.subtle,
|
|
}}
|
|
/>
|
|
</a>
|
|
);
|
|
|
|
export default ExternalFooterLink;
|
|
|