mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
John Rae-Grant
e9e6fbdd85
Co-authored-by: Max Korp <maxkorp@8bytealchemy.com> Co-authored-by: Santiago Cubino <scubino@litebox.ai> Co-authored-by: Claude Sonnet 4.5 <noreply@anthropic.com>
29 lines
845 B
TypeScript
29 lines
845 B
TypeScript
"use client"
|
|
|
|
import Image from "next/image"
|
|
import { useSearchContext } from "fumadocs-ui/contexts/search"
|
|
// Icons
|
|
import LoupeIcon from "@/components/ui/icons/loupe"
|
|
import SearchShortcutIcon from "@/components/ui/icons/search-shortcut"
|
|
|
|
const SearchDialogButton = () => {
|
|
const { setOpenSearch } = useSearchContext()
|
|
|
|
return (
|
|
<button
|
|
onClick={() => setOpenSearch(true)}
|
|
className="-ml-2 lg:ml-0 flex gap-2 items-center px-3 h-11 rounded-lg lg:border cursor-pointer bg-transparent lg:bg-glass-background dark:border-border border-[#01050726]"
|
|
>
|
|
<LoupeIcon />
|
|
|
|
<span className="hidden text-sm font-medium text-foreground/50 dark:text-white/50 lg:block">
|
|
Search...
|
|
</span>
|
|
|
|
<SearchShortcutIcon className="hidden xl:inline-block" />
|
|
</button>
|
|
)
|
|
}
|
|
|
|
export default SearchDialogButton
|