<script lang="ts">
	import type { Snippet } from "svelte";

	interface Props {
		message: string;
		children?: Snippet;
	}

	let { message, children }: Props = $props();
</script>

<div
	class="flex items-center justify-center rounded-sm border border-border-default p-12 text-paragraph-large text-foreground-subtle italic"
>
	<span class="flex items-center gap-2">{message}{@render children?.()}</span>
</div>
