import { FaClipboardList } from "react-icons/fa6";

import Section from "@/components/pages/client/participant-list/common/section";
import CriteriaAccordion from "@/components/pages/client/participant-list/common/criteria-accordion";
import { CriteriaGroup } from "@/types/participant-list/provisional-types";

type CriteriaSectionProps = {
  criteriaGroups: CriteriaGroup[];
};

function CriteriaSection({ criteriaGroups }: CriteriaSectionProps) {
  return (
    <Section
      icon={<FaClipboardList className="h-3 w-3" />}
      label="How participant meets criteria"
    >
      <CriteriaAccordion groups={criteriaGroups} variant="detail" />
    </Section>
  );
}

export default CriteriaSection;