import type { AnchorHTMLAttributes } from "react";
import { cn } from "../../lib/cn";

export function Link({
  children,
  className,
  ...props
}: AnchorHTMLAttributes<HTMLAnchorElement>) {
  return (
    <a
      className={cn(
        "inline-flex items-center gap-1 text-sm font-medium text-[var(--uhuru-accent-strong)] underline-offset-4 transition hover:text-[var(--uhuru-border-accent)] hover:underline",
        className,
      )}
      {...props}
    >
      {children}
    </a>
  );
}