Function SearchForm

packages/react/src/editor/SearchForm/SearchForm.tsx:9–28

({ children })

};

export const SearchForm: FC<Props> = ({ children }) => {
  const [query, setQuery] = useState('');

  return (
    <>
      <div className={styles.container}>
        <input
          className={styles.input}
          name="search"
          type="text"
          value={query}
          onChange={(e) => setQuery(e.target.value)}
          placeholder="Search component"
        />
        <SearchIcon size={16} />
      </div>
      {children(query)}
    </>
  );
};