otterscan/src/components/ExternalLink.tsx

24 lines
642 B
TypeScript
Raw Normal View History

2021-07-28 19:27:06 +00:00
import React from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons/faExternalLinkAlt";
2021-07-28 19:27:06 +00:00
type ExternalLinkProps = {
href: string;
};
const ExternalLink: React.FC<ExternalLinkProps> = ({ href, children }) => (
<a
className="text-link-blue hover:text-link-blue-hover"
href={href}
target="_blank"
rel="noopener noreferrer"
>
<span className="inline-flex items-baseline space-x-1">
2021-07-28 19:27:06 +00:00
<span>{children}</span>
<FontAwesomeIcon icon={faExternalLinkAlt} size="sm" />
2021-07-28 19:27:06 +00:00
</span>
</a>
);
export default ExternalLink;