<script>
	import Game from "$lib/components/GameListed.svelte";
</script>

<svelte:head>
	<title>Games - Rowblox</title>
</svelte:head>

<div class="flex items-center">
	<p class="font-bold text-3xl my-1">Games</p>
	<span class="flex-grow" />
	<input class="rounded px-2 border-2 border-grey-300 text-black mr-2 py-1" type="text" name="search" id="search" placeholder="Search" />
	<button class="text-lg px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500 mr-2">Search</button>
	<a class="text-lg px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500" href="/games/create">Create Game</a>
</div>
