<script lang="ts">
	interface Props {
		message: string;
	}

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

<!-- the settings screens use a single-row card rather than the tall, italic
     EmptyState the rest of the app uses -->
<div
	class="flex w-full items-center justify-center rounded-sm border border-border-default px-4 py-3 typography-paragraph-regular text-foreground-muted"
>
	{message}
</div>
