text: // import React from "react";
  // import PropTypes from "prop-types";
  // import SearchModal from "./SearchModal";
  // import styled from "@emotion/styled";
  
  // SearchOverlay.propTypes = {};
  
  // function SearchOverlay({ value, onChange, onSetOverlay }) {
  //   return (
  //     <Container>
  //       <SearchModal />
  //     </Container>
  //   );
  // }
  
  // const Container = styled.div`
  //   display: flex;
  //   justify-content: center;
  //   align-items: center;
  //   width: 100%;
  //   top: 0;
  //   right: 0;
  //   height: 100%;
  //   position: fixed;
  //   z-index: 5;
  //   background-color: rgba(255, 255, 255, 0.9);
  // `;
  
  // export default SearchOverlay;
  