MyCrypto/common/components/ui/NewTabLink.tsx

import React from 'react';

export interface AAttributes {
  charset?: string;
  className?: string;
  coords?: string;
  download?: string;
  hreflang?: string;
  media?: string;
  name?: string;
  rel?:
    | 'alternate'
    | 'author'
    | 'bookmark'
    | 'external'
    | 'help'
    | 'license'
    | 'next'
    | 'nofollow'
    | 'noreferrer'
    | 'noopener'
    | 'prev'
    | 'search'
    | 'tag';
  rev?: string;
  shape?: 'default' | 'rect' | 'circle' | 'poly';
  target?: '_blank' | '_parent' | '_self' | '_top';
  type?: string;
  onClick?(ev: React.MouseEvent<HTMLAnchorElement>): void;
}

interface NewTabLinkProps extends AAttributes {
  href: string;
  content?:
    | React.ReactElement<any>
    | string
    | number
    | (string | number | React.ReactElement<any>)[];
  children?:
    | React.ReactElement<any>
    | string
    | number
    | (string | number | React.ReactElement<any>)[];
}

export class NewTabLink extends React.Component<NewTabLinkProps> {
  public render() {
    const { content, children, ...rest } = this.props;
    return (
      <a target="_blank" rel="noopener noreferrer" {...rest}>
        {content || children}
      </a>
    );
  }
}

export default NewTabLink;