import { Localized } from "@fluent/react/compat" ; import React , { FunctionComponent } from "react" ; import styles from "./NoMatchMessage.css" ; const NoMatchMessage = ( props ) => ( < Localized id = "stories-noMatchMessage" > < div className = { styles . root } > We could not find any stories matching your criteria . < /div> < /Localized>); export default NoMatchMessage ;