Untitled

'use client';

import { AnimatePresence, motion } from 'framer-motion';

import React, { FC } from 'react';
import { useEffect, useState } from 'react';

import ReportForm from '@/components/joki/ReportForm';
import ReviewForm from '@/components/joki/ReviewForm';

interface pageProps {}

const Page: FC<pageProps> = ({}) => {
  const [isModalOpen, setIsModalOpen] = useState(false);
  const [isReviewModalOpen, setIsReviewModalOpen] = useState(false);

  return (
    <main className="flex overflow-hidden min-h-screen flex-col items-center justify-between bg-black">
      <button
        className="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700"
        onClick={() => setIsReviewModalOpen(true)}
      >
        Open Review Form
      </button>

      {/* ReviewForm Modal */}
      <ReviewForm
        isOpen={isReviewModalOpen}
        onClose={() => setIsReviewModalOpen(false)}
      />

      <button
        className="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700"
        onClick={() => setIsModalOpen(true)}
      >
        Open Report Form
      </button>

      {/* ReportForm Modal */}
      <ReportForm
        type="pertanyaan"
        isOpen={isModalOpen}
        onClose={() => setIsModalOpen(false)}
      />

      {/* <ReportForm type="pertanyaan" /> */}
    </main>
  );
};

export default Page;