import React, { ReactElement } from 'react' import ReactDOM from 'react-dom' import { graphql, useStaticQuery } from 'gatsby' import PostTeaser from '../PostTeaser' import SearchResultsEmpty from './SearchResultsEmpty' import * as styles from './SearchResults.module.css' export interface Results { slug: string } const query = graphql` query SearchResults { allMarkdownRemark { edges { node { ...PostTeaser } } } } ` function SearchResultsPure({ searchQuery, results, toggleSearch, posts }: { posts: Queries.SearchResultsQuery['allMarkdownRemark']['edges'] searchQuery: string results: Results[] toggleSearch(): void }) { return (