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

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

<div
	data-testid="settingsEmpty"
	class="flex w-full items-center justify-center rounded-md border border-border-default px-md py-sm typography-paragraph-regular text-foreground-muted"
>
	{message}
</div>