@veecode-platform/plugin-kong-service-manager/dist/components/shared/SearchBar/SearchBar.esm.js

import React from 'react';
import InputBase from '@material-ui/core/InputBase';
import SearchIcon from '@material-ui/icons/Search';
import '../../../context/KongServiceManagerContext.esm.js';
import { useKongServiceManagerContext } from '../../../context/KongServiceManagerProvider.esm.js';
import { useSearchBarStyles } from './styles.esm.js';

const SearchBar = () => {
  const { search, searchIcon, inputRoot, inputInput } = useSearchBarStyles();
  const { setSearchState, searchTerm } = useKongServiceManagerContext();
  const handleSearchTerms = (event) => {
    setSearchState(event?.target.value);
  };
  React.useEffect(() => {
    setSearchState("");
  }, []);
  return /* @__PURE__ */ React.createElement("div", { className: search }, /* @__PURE__ */ React.createElement("div", { className: searchIcon }, /* @__PURE__ */ React.createElement(SearchIcon, null)), /* @__PURE__ */ React.createElement(
    InputBase,
    {
      placeholder: "Search\u2026",
      onChange: (e) => handleSearchTerms(e),
      value: searchTerm,
      classes: {
        root: inputRoot,
        input: inputInput
      },
      inputProps: { "aria-label": "search" }
    }
  ));
};

export { SearchBar };
//# sourceMappingURL=SearchBar.esm.js.map