<script lang="ts">
	import { StaleEditError } from "#lib/api/cob.ts";
	import Button from "#lib/components/ui/Button.svelte";
	import ErrorAlert from "#lib/components/ui/Error.svelte";

	// forms that already show the action's error leave the message off
	let { cause, message = false }: { cause: unknown; message?: boolean } = $props();
</script>

{#if cause instanceof StaleEditError}
	{#if message}
		<ErrorAlert label={cause.message} />
	{/if}
	<div data-testid="staleEdit" class="flex justify-end">
		<Button type="button" size="small" onclick={() => location.reload()}>Reload</Button>
	</div>
{/if}