<script lang="ts">
	let { pending = false }: { pending?: boolean } = $props();

	let title = $derived(pending ? 'Save pending changes' : 'Save (no changes pending)');
</script>

<button type="submit" class:pending class="btn-slate [&.pending]:btn-blue" {title}>Save</button>