frontend/src/lib/Buttons/MaskButton.svelte

<script lang="ts">
	import Mask from '$lib/Icons/Mask.svelte';
	export let isActive = false;
	export let isLoading = false;
	export let className = '';

</script>

<button
	on:click
	disabled={isLoading}
	class="{className} rounded-full {isActive ? 'text-blue-700' : 'text-gray-800'}"
	title="Enable Masking"
>
	<Mask />
</button>

<style lang="postcss" scoped>
</style>