---
import Layout from '@/layouts/AdminLayout.astro';
import SpintaxManager from '@/components/admin/intelligence/SpintaxManager';
---

<Layout title="Spintax Dictionaries | Spark Intelligence">
  <div class="p-8 space-y-6">
    <div class="flex justify-between items-start">
      <div>
        <h1 class="text-3xl font-bold text-white tracking-tight">📚 Spintax Library</h1>
        <p class="text-zinc-400 mt-2 max-w-2xl">
          Manage your vocabulary variations. Use these sets to generate diverse, non-repetitive content 
          using <code>&#123;key|word|variant&#125;</code> syntax.
        </p>
      </div>
    </div>

    <SpintaxManager client:only="react" />
  </div>
</Layout>
