42 lines
910 B
TypeScript
42 lines
910 B
TypeScript
import React from 'react';
|
|
|
|
interface AAttributes {
|
|
charset?: string;
|
|
coords?: string;
|
|
download?: string;
|
|
href: 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;
|
|
}
|
|
|
|
interface NewTabLinkProps extends AAttributes {
|
|
content?: React.ReactElement<any> | string;
|
|
children?: React.ReactElement<any> | string;
|
|
}
|
|
|
|
const NewTabLink = ({ content, children, ...rest }: NewTabLinkProps) =>
|
|
<a target="_blank" rel="noopener" {...rest}>
|
|
{content || children} {/* Keep content for short-hand text insertion */}
|
|
</a>;
|
|
|
|
export default NewTabLink;
|