yaak-mountain-loop/src-web/components/ButtonLink.tsx

import classnames from 'classnames';
import { Link } from 'preact-router';
import type { ButtonProps } from './Button';
import { Button } from './Button';

type Props = ButtonProps & {
  href: string;
};

export function ButtonLink({ href, className, ...buttonProps }: Props) {
  const linkProps = { href };
  return (
    <Link {...linkProps}>
      <Button className={classnames(className, 'w-full')} {...buttonProps} />
    </Link>
  );
}