'use client'; import { useEffect, useState } from 'react'; import Link from 'next/link'; import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, type SharedProps, } from 'fumadocs-ui/components/dialog/search'; import { useI18n } from 'fumadocs-ui/contexts/i18n'; import { useDocsSearch } from 'fumadocs-core/search/client'; import { BotMessageSquare } from 'lucide-react'; import { toggleDecimalWidget, detectMac } from './ask-ai-button'; function MetaKey() { const [key, setKey] = useState('⌘'); useEffect(() => { if (!detectMac()) setKey('Ctrl'); }, []); return key; } export interface DefaultLink { title: string; description: string; href: string; } interface CustomSearchDialogProps extends SharedProps { defaultLinks?: DefaultLink[]; api?: string; } export default function CustomSearchDialog({ defaultLinks = [], api = '/api/search', ...props }: CustomSearchDialogProps) { const { locale } = useI18n(); const { search, setSearch, query } = useDocsSearch({ type: 'fetch', locale, api, }); return (

{query.data === 'empty' && defaultLinks.length > 0 ? (

{defaultLinks.map((link) => ( props.onOpenChange(false)} className="rounded-lg px-2.5 py-2 text-start text-sm transition-colors hover:bg-fd-accent hover:text-fd-accent-foreground" >

{link.title}

{link.description}

))}

) : ( )}

I

); }