ExternalLink.ts

import React from 'react';

export interface ExternalLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
  ariaLabel?: string;
  ariaLabelledBy?: string;
  className?: string;
}

export const ExternalLink: React.FC<ExternalLinkProps> = ({
  className,
  href,
  children,
  ariaLabel,
  ariaLabelledBy,
  ...rest
}) => (
  <a
    href={href}
    rel="noopener noreferrer"
    target="_blank"
    className={className}
    aria-label={ariaLabel}
    aria-labelledby={ariaLabelledBy}
    {...rest}
  >
    {children}
  </a>
);