// SearchBar.js import React, { useState } from "react";

const SearchBar = ({ onSearch }) => { const [query, setQuery] = useState("");

const handleSearch = (event) => { setQuery(event.target.value); onSearch(event.target.value); };

return ( ); };

export default SearchBar;