import Image from "next/image";

import { useRouter } from "next/router";

import { useConfig } from "nextra-theme-docs";

import type { DocsThemeConfig } from "nextra-theme-docs";

import { Poppins } from "next/font/google";

const logoFont = Poppins({

subsets: ["latin"],

weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],

style: ["normal"],

const Logo = (

<div className="flex flex-row gap-2 justify-center items-center">

<Image

width={32}

height={32}

src="/favicon-dark.png"

alt=""

className="hidden dark:flex"

/>

<Image

width={32}

height={32}

src="/favicon.png"

alt=""

className="flex dark:hidden"

/>

<span

className="text-xl font-bold text-black dark:text-white hover:text-black/95 dark:hover:text-white/95 transition-all"

style={logoFont.style}

>

thread

</span>

</div>

const Footer = (

<div className="flex w-full flex-col items-center sm:items-start">

<div className="text-lg font-semibold">

Your threading solution ♡⸜(˶˃ ᵕ ˂˶)⸝♡

</div>

<div className="mt-6 text-xs">

Copyright (c) {new Date().getFullYear()}, thread.ngjx.org | All rights

reserved

</div>

</div>

const Head = () => {

const config: DocsThemeConfig = {

logo: Logo,

head: Head,

footer: { text: Footer },

project: {

link: "https://github.com/python-thread/thread",

},

docsRepositoryBase: "https://github.com/python-thread/thread/tree/main",

chat: {

link: "https://discord.gg/WTAvycRmqP",

},

useNextSeoProps() {

},

sidebar: {

defaultMenuCollapseLevel: 1,

toggleButton: true,

},

toc: { backToTop: true },

export default config;