<script lang="ts">
	import StringCard from "../StringCard.svelte";
	import Section from "$lib/components/ui/Section.svelte";
	import type { StringCardData } from "../types";

	let { strings }: { strings: StringCardData[] } = $props();
</script>

<Section title="Strings" empty={strings.length === 0} emptyMessage="No strings yet.">
	{#each strings as entry (entry.rkey)}
		<StringCard {entry} />
	{/each}
</Section>
