export function BigLink({
  href,
  children,
  disabled = false,
  className = "",
  target = "_blank",
}) {
  return (
    <a
      href={disabled ? undefined : href}
      target={disabled ? undefined : target}
      rel={target === "_blank" ? "noopener noreferrer" : undefined}
      aria-disabled={disabled}
      tabIndex={disabled ? -1 : undefined}
      className={`
        flex border rounded-xl items-center text-base px-6 py-4 h-[70px]
        ${
          disabled
            ? "bg-muted text-muted-foreground border-muted opacity-50 cursor-not-allowed pointer-events-none"
            : "bg-transparent text-card-foreground hover:bg-accent border-input hover:border-foreground/40"
        }
        ${className}
      `}
    >
      {children}
    </a>
  );
}
