<script lang="ts">
	import { getReaderContext } from '$lib/Reader';
	import { accelerator } from '$lib/Shortcuts';

	const reader = getReaderContext();
</script>

<button
	type="button"
	class="btn floating invisible xl:visible"
	title={`${$reader.sidebar ? 'Hide' : 'Show'} menu`}
	on:click={() => ($reader.sidebar = !$reader.sidebar)}
	use:accelerator={'z'}
>
	<span class="icon-lg icon-[material-symbols--dock-to-right]" />
</button>