58 lines
1.2 KiB
TypeScript
58 lines
1.2 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
|
|
| 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;
|