"use client";
import EditGeneratedArticleChecker from "@/components/form/article/edit-generated-article-checker-form";
import EditGeneratedArticleContent from "@/components/form/article/edit-generated-article-content-form";
import { Card } from "@heroui/react";
import { Tab, Tabs } from "@heroui/react";

import { useParams } from "next/navigation";

export default function EditGeneratedArticlePage() {
  const params = useParams();
  const id = String(params.id);

  return (
    <Card className="rounded-md border bg-transparent p-6 overflow-auto">
      <div className="flex flex-col gap-2">
        <Tabs aria-label="Options">
          <Tab key="content" title="Content">
            <EditGeneratedArticleContent id={id} />
          </Tab>
          <Tab key="checker" title="Checker">
            <EditGeneratedArticleChecker id={id} />
          </Tab>
        </Tabs>
      </div>
    </Card>
  );
}