Function BumpLink

components/ui/BumpLink/BumpLink.tsx:14–35

({ as, children, href, title, className }: BumpLinkPropsT)

}

export const BumpLink = ({ as, children, href, title, className }: BumpLinkPropsT) => {
  const Component = as || 'a'

  let extendedTitle: ReactNode
  if (typeof title === 'string') {
    extendedTitle = <span className="h4">{title}</span>
  } else {
    extendedTitle = cloneElement(title, title.props, title.props.children)
  }

  return (
    <Component
      data-testid="bump-link"
      className={cx(styles.container, 'no-underline d-block py-1', className)}
      href={href}
    >
      {extendedTitle}

      {children}
    </Component>
  )
}