MyCrypto/common/components/ui/NewTabLink.tsx

50 lines
1.1 KiB
TypeScript

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 | string[];
children?: React.ReactElement<any> | string | string[];
}
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;