import { forwardRef } from 'react'
import { Link, LinkProps } from '../Link'

export interface GitHubMentionProps extends LinkProps {
  children: string
}

export let GitHubMention = forwardRef<any, GitHubMentionProps>(
  function GitHubMention({ children, ...props }: GitHubMentionProps, ref) {
    return (
      <Link
        ref={ref}
        is="a"
        rel="nooperner noreferrer"
        target="_blank"
        href={`https://github.com/${children}`}
        {...props}
      >
        {children}
      </Link>
    )
  },
)

export default GitHubMention