components/action/NewTabLink.tsx

import { FC, ReactNode } from "react"
import classNames from "classnames"

interface Props {
  href: string
  className?: string
  title?: string
  children?: ReactNode
}

const NewTabLink: FC<Props> = ({ href, children, className, title }) => {
  return (
    <a
      href={href}
      className={classNames(
        "mx-1 transition-colors hover:text-primary-900",
        className
      )}
      target={"_blank"}
      rel={"noreferrer"}
      title={title}
    >
      {children}
    </a>
  )
}

export default NewTabLink