<script>
	let { onclick } = $props();
</script>
 <button {onclick}> A button </button>

<script lang="ts">
	import Button from '$lib/button.svelte';
	async function getFoo() {
		return 'foo';
	}
	const foo = $derived(await getFoo());
</script>

{foo}
<Button
	onclick={()=>foo}
/>