Function ProblemEditor

apps/web/components/admin/ProblemEditor.tsx:6–19

({ problems }: { problems: Problem[] })

import AddProblemCard from "./AddProblemCard";

export const ProblemEditor = ({ problems }: { problems: Problem[] }) => {
  return (
    <div className="grid grid-cols-2">
      <ScrollArea className="h-screen m-2">
        <div className="space-y-4">
          {problems.map((problem, i) => (
            <ProblemCard key={i} problem={problem} />
          ))}
        </div>
      </ScrollArea>
      <AddProblemCard />
    </div>
  );
};