Convex MCP server

import { cn } from "@site/src/lib/cn";
import React from "react";

type AIButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;

export function AIButton({ children, className, ...props }: AIButtonProps) {
  return (
    <button
      className={cn(
        "relative bg-transparent p-[3px] border-none overflow-hidden rounded-lg bg-gradient-to-r from-plum-p4/90 via-red-r3/90 to-yellow-y3/90 cursor-pointer group",
        className,
      )}
      {...props}
    >
      <div className="bg-neutral-white/90 rounded-[0.3rem] h-full flex font-sans text-sm text-neutral-n10 font-medium group-hover:bg-neutral-white group-hover:text-neutral-n12 transition-colors dark:bg-neutral-black/90 dark:text-neutral-n4 dark:group-hover:bg-neutral-black dark:group-hover:text-neutral-n2">
        {children}
      </div>
    </button>
  );
}