import Head from 'next/head'
import Link from 'next/link'
import { ConnectButton } from '@/components/ConnectButton'
import { DocsSidebar } from '@/components/DocsSidebar'
import { DocsContent } from '@/components/DocsContent'
import { useDocs } from '@/hooks/useDocs'
type DocSection = 'user-guide' | 'faq' | 'publishing' | 'payment'
interface DocLink {
id: DocSection
title: string
file: string
}
const docs: DocLink[] = [
{
id: 'user-guide',
title: 'Guide d\'utilisation',
file: 'user-guide.md',
},
{
id: 'faq',
title: 'FAQ',
file: 'faq.md',
},
{
id: 'publishing',
title: 'Guide de publication',
file: 'publishing-guide.md',
},
{
id: 'payment',
title: 'Guide de paiement',
file: 'payment-guide.md',
},
]
function DocsHeader() {
return (
)
}
export default function DocsPage() {
const { selectedDoc, docContent, loading, loadDoc } = useDocs(docs)
return (
<>
Documentation - zapwall.fr
{
void loadDoc(slug)
}}
/>
)
}