<script lang="ts">
	interface Props {
		message: string;
		class?: string;
	}
	let { message, class: className = '' }: Props = $props();
</script>

{#if message}
	<div class="bg-[var(--color-error-bg)] text-[var(--color-error-fg)] text-sm rounded-md p-3 mb-4 {className}">
		{message}
	</div>
{/if}
