react-component-form/example/components/design/Link.tsx

import classNames from 'clsx'

export interface LinkProps extends React.ComponentPropsWithoutRef<'a'> {}

export const Link: React.FC<LinkProps> = (props) => {
  const { children, className, ...rest } = props

  return (
    <a
      className={classNames(
        'text-green-800 hover:underline dark:text-green-400',
        className
      )}
      {...rest}
    >
      {children}
    </a>
  )
}