import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';

const SooLogo = () => (
  <div className="flex items-center gap-2">
    <svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <circle cx="16" cy="16" r="16" fill="#2563eb" fillOpacity="0.12" />
      <path d="M8 22L16 8L24 22" stroke="#2563eb" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" />
      <path d="M11 18H21" stroke="#2563eb" strokeWidth="2.5" strokeLinecap="round" />
    </svg>
    <span className="font-semibold text-base text-fd-foreground">SOO API</span>
    <span className="text-fd-muted-foreground font-normal text-sm">Docs</span>
  </div>
);

export const baseOptions: BaseLayoutProps = {
  nav: {
    title: <SooLogo />,
    url: '/',
  },
  links: [
    { text: 'Guide', url: '/introduction', active: 'nested-url' },
    { text: 'Authentification', url: '/auth/introduction', active: 'nested-url' },
    { text: 'API Référence', url: '/api/douane', active: 'nested-url' },
    { text: 'Admin →', url: 'http://localhost:8000', external: true },
  ],
};