<script lang="ts">
	import Select from '$lib/components/Input/Select.svelte';
	import Input from '$lib/components/Input/Input.svelte';

	export let userFilter = {
		name: null,
		edition: null
	};
</script>

<form class="flex flex-row justify-center items-center space-x-4 mx-4 my-2 w-full">
	<div class="w-1/6">
		<Input size="sm" placeholder="..." bind:value={userFilter.name}>
			<span slot="label">Suche</span>
		</Input>
	</div>
	<div class="w-1/6">
		<Select label="Edition" size="sm" bind:value={userFilter.edition}>
			<option value={null}>Alle</option>
			<option value="java">Java</option>
			<option value="beckdrock">Bedrock</option>
			<option value="cracked">Cracked</option>
		</Select>
	</div>
</form>
