layout.config.tsx

import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
import Image from "next/image";

import logo from "@/assets/logo.svg";

/**
 * Shared layout configurations
 *
 * you can configure layouts individually from:
 * Home Layout: app/(home)/layout.tsx
 * Docs Layout: app/docs/layout.tsx
 */
export const baseOptions: BaseLayoutProps = {
  githubUrl: "https://github.com/Rel1cx/eslint-react",
  links: [],
  nav: {
    title: (
      <div className="flex items-between gap-2.5 min-w-max">
        <Image
          alt="logo"
          height="20"
          quality={100}
          src={logo}
          width="20"
        />
        <span>ESLint React</span>
      </div>
    ),
  },
};