<script lang="ts">
	export let expanded: boolean;
	export let title: string;
</script>

<button
	class="flex items-center text-base hover:text-white"
	type="button"
	on:click={() => (expanded = !expanded)}
>
	{#if expanded}
		<span class="icon-base icon-[material-symbols--expand-less]" />
	{:else}
		<span class="icon-base icon-[material-symbols--expand-more]" />
	{/if}
	{title}
</button>