<script lang="ts">
	import type { MouseEventHandler } from 'svelte/elements';

	interface Props {
		title: string;
		onclick: MouseEventHandler<HTMLButtonElement>;
	}

	let { title, onclick }: Props = $props();
</script>

<button class="btn-blue" {title} aria-label={title} {onclick}>
	<span class="icon-base icon-[material-symbols--add]"></span>
</button>