umami/src/components/common/LinkButton.js

import classNames from 'classnames';
import Link from 'next/link';
import { useLocale } from 'components/hooks';
import styles from './LinkButton.module.css';

export function LinkButton({ href, className, variant, children }) {
  const { dir } = useLocale();

  return (
    <Link
      className={classNames(styles.button, className, { [styles[variant]]: true })}
      href={href}
      dir={dir}
    >
      {children}
    </Link>
  );
}

export default LinkButton;