theme.config.tsx

import React from 'react';
import { DocsThemeConfig } from 'nextra-theme-docs';
import Logo from './components/UI/Logo';
import { useRouter } from 'next/router';

const config: DocsThemeConfig = {
  logo: <Logo />,
  project: {
    link: 'https://github.com/mutasim77/Algorithms-Universe',
  },
  useNextSeoProps() {
    const { asPath } = useRouter();
    if (asPath !== '/') {
      return {
        titleTemplate: '%s – Algorithms Universe'
      }
    }
  },
  editLink: {
    text: null
  },
  feedback: {
    content: null
  },
  footer: {
    text: (
      <div className="flex w-full flex-col items-center">
        <a
          className="flex items-center gap-1 text-current"
          rel="noopener noreferrer"
          title="Algorithms Universe"
          href="/"
        >
          <span className='text-1xl'>Algorithms Universe</span>
        </a>
        <p className="mt-6 text-xs text-center">
          Copyright © 2023 - 2024 Mutasim
          <br />
          All rights reserved.
        </p>
      </div>
    )
  },
  banner: {
    key: 'github',
    text: (
      <a href="https://github.com/mutasim77/Algorithms-Universe" target="_blank">
        Grant a Star ⭐ on Github  – It&apos;s for You ❤️
      </a>
    )
  },
  navbar: {
    extraContent: <></>
  },
  faviconGlyph: '🧠',
  sidebar: {
    titleComponent({ title, type }) {
      if (type === 'separator') {
        return <span className="cursor-default">{title}</span>
      }
      return <>{title}</>
    },
    defaultMenuCollapseLevel: 1,
    toggleButton: true
  },
}

export default config;