import Menu from "../components/Menu";
import { useWordpressData } from "../hooks/WordpressFetchData";

export default function SearchAndFind() {
	const screenData = useWordpressData("/search-and-find");

	return (
		<div className='page-container page-container--play'>
			<div id='screen-container'>
				<Menu />

				<div>
					{screenData && <h2>{screenData[0].title.rendered}</h2>}
					{screenData && (
						<div
							dangerouslySetInnerHTML={{
								__html: screenData[0].content.rendered,
							}}
						/>
					)}
				</div>
			</div>
		</div>
	);
}