text: // import styled from "@emotion/styled"
  
  // export const Root = styled.div`
  //   position: relative;
  //   display: grid;
  //   grid-gap: 1em;
  // `
  
  // export const HitsWrapper = styled.div`
  //   display: ${props => (props.show ? `grid` : `none`)};
  //   max-height: 80vh;
  //   overflow: scroll;
  //   z-index: 2;
  //   -webkit-overflow-scrolling: touch;
  //   position: absolute;
  //   right: 0;
  //   top: calc(100% + 0.5em);
  //   width: 80vw;
  //   max-width: 30em;
  //   box-shadow: 0 0 5px 0;
  //   padding: 0.7em 1em 0.4em;
  //   background: white;
  //   border-radius: 3px;
  //   > * + * {
  //     padding-top: 1em !important;
  //     border-top: 2px solid #ccc;
  //   }
  //   li + li {
  //     margin-top: 0.7em;
  //     padding-top: 0.7em;
  //     border-top: 1px solid #efefef;
  //   }
  //   * {
  //     margin-top: 0;
  //     padding: 0;
  //   }
  //   ul {
  //     list-style: none;
  //   }
  
  //   header {
  //     display: flex;
  //     justify-content: space-between;
  //     margin-bottom: 0.3em;
  //     h3 {
  //       color: #0091ea;
  //       padding: 0.1em 0.4em;
  //       border-radius: 3px;
  //     }
  //   }
  //   h3 {
  //     margin: 0 0 0.5em;
  //   }
  //   h4 {
  //     margin-bottom: 0.3em;
  //   }
  // `
  