theme.config.tsx

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

const config: DocsThemeConfig = {
	logo: <Logo />,
	navigation: true,
	primaryHue: { dark: 0, light: 0 },
	search: { placeholder: "Search documentation..." },
	project: { link: "https://github.com/sei-protocol" },
	chat: { link: "https://discord.gg/sei" },
	navbar: { extraContent: null },
	feedback: {
		content: "Question? Give us feedback →",
		useLink: () => "https://github.com/sei-protocol/sei-docs/issues/new",
	},
	editLink: { text: "Edit this page" },
	sidebar: { defaultMenuCollapseLevel: 1, toggleButton: true },
	darkMode: true,
	footer: {
		component: <Footer />,
	},
	docsRepositoryBase: "https://github.com/sei-protocol/sei-docs/tree/main",
	useNextSeoProps() {
		return {
			titleTemplate: "%s - Sei Docs",
			description: "Documentation for Sei Network",
			openGraph: {
				type: "website",
				locale: "en_US",
				siteName: "Sei Docs",
				description: "Documentation for Sei Network",
				images: [
					{
						url: "https://www.docs.sei.io/assets/docs-banner.png",
						width: 1600,
						height: 900,
						alt: "Sei Docs",
						type: "image/png",
					},
				],
			},
			twitter: { site: "@SeiNetwork" },
			additionalLinkTags: [
				{ rel: "icon", href: "/favicon.ico" },
				{
					rel: "icon",
					type: "image/png",
					sizes: "16x16",
					href: "/favicon-16x16.png",
				},
				{
					rel: "icon",
					type: "image/png",
					sizes: "32x32",
					href: "/favicon-32x32.png",
				},
				{
					rel: "apple-touch-icon",
					sizes: "180x180",
					href: "/apple-touch-icon.png",
				},
			],
		};
	},
	head: <></>,
};

export default config;