<script lang="ts">
  import type { Snippet } from 'svelte';
  import TranslationProvider from '$lib/components/TranslationProvider.svelte';
  import strings from '$lib/components/blocks/_fixtures/translations.json';

  // Storybook reicht die Story als `children`-Snippet rein. Wir setzen den
  // Translation-Context (echte deutsche Strings aus dem CMS-Bundle), damit
  // Blocks lesbare Texte statt roher Keys zeigen.
  let { children }: { children: Snippet } = $props();
</script>

<TranslationProvider translations={strings}>
  {@render children()}
</TranslationProvider>
