Function SearchMenuWrapper

packages/dev/s2-docs/src/SearchMenuWrapper.tsx:15–43

({children}: {children: ReactNode})

);

export default function SearchMenuWrapper({children}: {children: ReactNode}) {
  let {colorScheme} = useSettings();
  return (
    <>
      <div className={style({display: {default: 'none', lg: 'flex'}})}>
        <ButtonContext
          value={{
            onHoverStart: () => preloadSearchMenu(),
            onPress: () => window.dispatchEvent(new CustomEvent('show-search-menu'))
          }}>
          {children}
        </ButtonContext>
      </div>
      <div className={style({display: {default: 'flex', lg: 'none'}})}>
        <DialogTrigger>
          {children}
          <S2Modal size="fullscreenTakeover">
            <Provider
              colorScheme={colorScheme}
              background="layer-2"
              styles={style({height: 'full'})}>
              <MobileSearchMenu initialTag="components" />
            </Provider>
          </S2Modal>
        </DialogTrigger>
      </div>
    </>
  );
}

export function SearchMenuButton(props: ButtonProps) {
  return <Button {...props} />;