theme.config.tsx

import Image from "next/image";
import { useRouter } from "next/router";
import { type DocsThemeConfig } from "nextra-theme-docs";
import PronounciationButton from "./components/theme/PronounciationButton";

const config: DocsThemeConfig = {
  primaryHue: { dark: 318, light: 318 },
  logo: (
    <div className="flex items-center">
      <Image src="/logo/gqty.svg" alt="GQty Logo" width={86} height={45} />

      <PronounciationButton />
    </div>
  ),
  project: {
    link: "https://github.com/gqty-dev/gqty",
  },
  chat: {
    link: "https://discord.gg/Y5zSsGsPZB",
  },
  darkMode: false,
  nextThemes: {
    defaultTheme: "dark",
  },
  docsRepositoryBase: "https://github.com/gqty-dev/GQty-Website",
  footer: {
    text: (
      <span>
        MIT {new Date().getFullYear()} &copy;{" "}
        <a href="https://gqty.dev">GQty</a>.
      </span>
    ),
  },
  useNextSeoProps: () => {
    const { asPath } = useRouter();

    return {
      titleTemplate: asPath === "/" ? "GQty" : "%s - GQty",
      description: "A No-GraphQL Client for TypeScript",
    };
  },
};

export default config;