import { defineField, defineType } from "sanity";
import { HelpCircle } from "lucide-react";

export default defineType({
  name: "faqAccordion",
  title: "FAQ Accordion",
  type: "object",
  icon: HelpCircle,
  fields: [
    defineField({
      name: "items",
      title: "Questions & Answers",
      type: "array",
      of: [
        {
          type: "object",
          name: "faqItem",
          fields: [
            defineField({
              name: "question",
              title: "Question",
              type: "string",
              validation: (Rule) => Rule.required(),
            }),
            defineField({
              name: "answer",
              title: "Answer",
              type: "text",
              rows: 3,
              validation: (Rule) => Rule.required(),
            }),
          ],
        },
      ],
    }),
  ],
  preview: {
    select: {
      items: "items",
    },
    prepare({ items }) {
      const count = items?.length || 0;
      return {
        title: `FAQ Accordion (${count} questions)`,
      };
    },
  },
});