Function SystemButtonGroup

src/components/header/shared/SystemButtonGroup.tsx:29–63

()

}

export const SystemButtonGroup = () => {
  const setDarkMode = useSetDarkMode()
  const container = useRef<HTMLDivElement>(null)
  const docSearchConfig = useDocSearch()

  useEffect(() => {
    if (docsearch && typeof docsearch === 'function' && container.current) {
      docsearch({
        ...docSearchConfig,

        container: container.current,
      })
    }
  }, [docSearchConfig])

  return (
    <div className="flex gap-6 pl-2 md:gap-2 lg:gap-4 lg:pl-6">
      <SystemButtonItem>
        <div id="docsearch" ref={container} />
      </SystemButtonItem>
      <a
        href="https://github.com/Milkdown/milkdown"
        target="_blank"
        rel="noreferrer"
      >
        <SystemButtonItem>
          <Github />
        </SystemButtonItem>
      </a>
      <SystemButtonItem onClick={() => setDarkMode((x) => !x)}>
        <div className="material-symbols-outlined">dark_mode</div>
      </SystemButtonItem>
    </div>
  )
}