<script lang="ts">
	import { browser } from '$app/environment';
	import { goto } from '$app/navigation';

	export let tool: string;
</script>

<blockquote>
	<select
		bind:value={tool}
		on:change={() => {
			if (browser) goto(`/tools/${tool}`);
		}}
	>
		<option value="default" selected disabled hidden>Select a tool to continue</option>
		<option value="wrapped">AniList Wrapped</option>
		<option value="birthdays">Today's Character Birthdays</option>
		<option value="sequel_spy">Sequel Spy</option>
		<option value="discussions">Episode Discussion Collector</option>
		<option value="random_follower">Random Follower Finder</option>
		<option value="dump_profile">Dump Profile</option>
		<option value="likes">Likes</option>
		<option value="activity_history">Activity History Analyser</option>
	</select>
</blockquote>
