\r\n }\r\n \r\n )\r\n}\r\n\r\nexport default Header\r\n","// extracted by mini-css-extract-plugin\nexport var header = \"header-module--header--1O26W\";\nexport var headerTitle = \"header-module--header-title--1CqQ5\";\nexport var link = \"header-module--link--13plj\";\nexport var pageTitle = \"header-module--page-title--3DPW0\";","// extracted by mini-css-extract-plugin\nexport var wrapper = \"search-module--wrapper--23SBo\";\nexport var check = \"search-module--check--2xiwA\";\nexport var menuBtn = \"search-module--menuBtn--Qktz-\";\nexport var dialog = \"search-module--dialog--2wP6v\";\nexport var inner = \"search-module--inner--3HMyJ\";\nexport var input = \"search-module--input--3LA47\";\nexport var message = \"search-module--message--2zJC9\";\nexport var hitCount = \"search-module--hitCount--3zUTO\";\nexport var resultArea = \"search-module--result-area--35ggc\";\nexport var listItem = \"search-module--list-item--1lz_N\";\nexport var link = \"search-module--link--nDYAz\";\nexport var closeButton = \"search-module--close-button--3fc8O\";","import React, { useState, useEffect, useRef } from \"react\"\r\nimport { Link, useStaticQuery, graphql } from \"gatsby\"\r\n\r\nimport * as Styles from \"../styles/search.module.css\"\r\n\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\r\nimport { faSearchPlus } from \"@fortawesome/free-solid-svg-icons\"\r\n\r\ninterface Edge {\r\n node: {\r\n slug: string;\r\n keywords?: string[];\r\n title: string;\r\n }\r\n}\r\n\r\nconst PostList = React.memo((\r\n { key, slug, title }:\r\n { key: string, slug: string, title: string }\r\n) => (\r\n