<script lang="ts">
	import CurrentMusicStore from '../../stores/currentMusic';
	import Musicplayer from '../misc/musicplayer.svelte';

	let newMusicUrl = '';

	function onSubmit() {
		$CurrentMusicStore.musicUrl = newMusicUrl;
	}
</script>

<div class=" shrink">
	<h2 class="font-semibold text-left mb-2">Special place</h2>
	<p class="">
		Welcome to my sidebar (o^▽^o)
		<br />
		Here you will find random shit!
	</p>
</div>
<div class="flex flex-col xl:flex-row gap-2 xl:mr-2">
	<img
		class="flex-1 rounded xl:w-1/2"
		src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/kanata-1.gif"
		alt="Amane Kanata"
	/>
	<img
		class=" flex-1 rounded xl:w-1/2"
		src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/kanata-1.gif"
		alt="Amane Kanata"
	/>
</div>
<form on:submit|preventDefault={onSubmit}>
	<input type="text" name="musicurl" placeholder="URL" bind:value={newMusicUrl} />
	<button type="submit">Submit</button>
</form>
