---
import Layout from '@/layouts/AdminLayout.astro';
import GenericCollectionManager from '@/components/admin/collections/GenericCollectionManager';
---

<Layout title="Offer Blocks | Spark Intelligence">
  <div class="p-8">
     <GenericCollectionManager 
        client:only="react" 
        collection="offer_blocks" 
        title="Offer Blocks"
        displayField="title"
        fields={[
            { key: 'title', label: 'Offer Title', type: 'text' },
            { key: 'hook', label: 'Hook / Generator', type: 'textarea' },
            { key: 'pains', label: 'Pains (JSON)', type: 'json' },
            { key: 'solutions', label: 'Solutions (JSON)', type: 'json' }
        ]}
     />
  </div>
</Layout>
