import React from "react";
import { UseFormReturn } from "react-hook-form";
import { StepFormData } from "@/components/forms/schemas/stepSchema";
import { StepLinksField } from "@/components/forms/fields/StepLinksField";
import { InternalNotesField } from "@/components/forms/fields/InternalNotesField";
import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger
} from "@/components/ui/accordion";

interface StepFormAccordionsProps {
  form: UseFormReturn<StepFormData>;
}

export function StepFormAccordions({ form }: StepFormAccordionsProps) {
  return (
    <Accordion type="single" collapsible className="w-full">
      <AccordionItem value="links">
        <AccordionTrigger className="text-sm font-medium">
          Liens externes
        </AccordionTrigger>
        <AccordionContent>
          <StepLinksField form={form} />
        </AccordionContent>
      </AccordionItem>

      <AccordionItem value="notes">
        <AccordionTrigger className="text-sm font-medium">
          Notes internes
        </AccordionTrigger>
        <AccordionContent>
          <InternalNotesField form={form} />
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  );
}