theme.config.tsx

import React from "react";
import { DocsThemeConfig } from "nextra-theme-docs";
import Logo from "./components/Logo";

const config: DocsThemeConfig = {
  logo: <Logo />,
  logoLink: "https://cds-design.github.io/",
  useNextSeoProps() {
    return {
      titleTemplate: '%s - CDS',
      additionalLinkTags: [
        {
          rel: 'icon',
          href: './favicon.svg'
        },
      ]
    }
  },
  sidebar: {
    defaultMenuCollapseLevel: 1,
    toggleButton: true,
  },
  head: <>
    <script type="text/javascript">
      {`(function (c, l, a, r, i, t, y) {
        c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
      t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
      y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
      })(window, document, "clarity", "script", "h19w430f3j");`}
    </script>
  </>,
  primaryHue: {
    dark: 180,
    light: 220,
  },
  project: {
    link: "https://github.com/cds-design/CDS",
  },
  // chat: {
  //   link: "https://discord.com",
  // },
  // faviconGlyph: "C",
  docsRepositoryBase: "https://github.com/cds-design/docs/tree/main",
  footer: {
    text: (
      <span>
        MIT {new Date().getFullYear()} ©{' '}
        <a href="https://github.com/ve-r-ve" target="_blank">
          Verve
        </a>
        .
      </span>
    )
  }
};

export default config;