reactbits-mcp-server/src/components/context/SearchContext/SearchContext.jsx

MCP Server for React Bits - Access 99+ React components with animations, backgrounds, and UI elements

import { createContext, useState } from 'react';
import SearchDialog from '../../common/Misc/SearchDialog';

export const SearchContext = createContext();

export function SearchProvider({ children }) {
  const [isSearchOpen, setSearchOpen] = useState(false);
  const openSearch = () => setSearchOpen(true);
  const closeSearch = () => setSearchOpen(false);
  const toggleSearch = () => setSearchOpen(prev => !prev);

  return (
    <SearchContext.Provider value={{ openSearch, closeSearch, toggleSearch, isSearchOpen }}>
      {children}
      <SearchDialog isOpen={isSearchOpen} onClose={closeSearch} />
    </SearchContext.Provider>
  );
}