// "use client";

// import { CircularProgressbar, buildStyles } from "react-circular-progressbar";
// import { useState, useEffect } from "react";
// import { useSkillApi } from "@/hooks/useSkillApi";
// import useAuth from "@/app/useAuth";
// import { useRouter, useSearchParams } from "next/navigation";

// const SkillResult = () => {
//   const [getIsSidebarOpen, setIsSidebarOpen] = useState(false);
//   const [percentage, setPercentage] = useState<number | null>(null);
//   const [resultData, setResultData] = useState<any>(null);
//   const [loading, setLoading] = useState(true);
//   const router = useRouter();
//   const searchParams = useSearchParams();
//   const { getResult } = useSkillApi() as any;

//   const { isAuthenticated, loading: authLoading } = useAuth() as any;

//   useEffect(() => {
//     if (!authLoading && !isAuthenticated) {
//       router.push("/login");
//       return;
//     }

//     const resultIdParam = searchParams.get("resultId");
//     const resultId = resultIdParam ? Number(resultIdParam) : undefined;

//     (async () => {
//       try {
//         setLoading(true);
//         if (resultId) {
//           const data = await getResult(resultId);
//           setResultData(data);
//           setPercentage(data?.percentage ?? data?.score ?? null);
//         }
//       } catch (err) {
//         console.error("Failed to load result", err);
//       } finally {
//         setLoading(false);
//       }
//     })();
//   }, [searchParams, getResult, authLoading, isAuthenticated, router]);

//   return (
//     <>
//       <div className="page-wrapper psychometric_test_outer_wrapper result-wrapper min-vh-100">
//         <div className="container">
//           <section className="user-dashboard">
//             <div className="dashboard-outer">
//               <div className="row">
//                 <div className="col-lg-12">
//                   <div className="ls-widget">
//                     <div className="tabs-box p-5">
//                       <div className="test_result pb-4">
//                         <h4 className="text-center text-white">
//                           Candidate: {resultData?.candidateName ?? "Candidate"}
//                         </h4>
//                         <div className="row pt-4">
//                           <div className="col-md-3">
//                             <div className="skills-percentage">
//                               <h4 className="text-center text-white">
//                                 Overall Score
//                               </h4>
//                               <div
//                                 style={{
//                                   width: 200,
//                                   height: 200,
//                                   margin: "auto",
//                                 }}
//                               >
//                                 <CircularProgressbar
//                                   background
//                                   backgroundPadding={6}
//                                   styles={buildStyles({
//                                     backgroundColor: "#3FE0D0",
//                                     textColor: "#055875",
//                                     pathColor: "#055875",
//                                     trailColor: "transparent",
//                                   })}
//                                   value={percentage ?? 0}
//                                 />
//                                 <h3 className="pt-2 text-white text-center">
//                                   {(percentage ?? 0) + "%"}
//                                 </h3>
//                               </div>
//                             </div>
//                           </div>
//                           <div className="col-md-9">
//                             <div className="category_wise_results h-100 d-flex align-items-center">
//                               <div className="row">
//                                 {loading ? (
//                                   <div>Loading...</div>
//                                 ) : (
//                                   <div className="col-12 text-white">
//                                     {resultData?.breakdown
//                                       ? JSON.stringify(resultData.breakdown)
//                                       : "No breakdown available"}
//                                   </div>
//                                 )}
//                               </div>
//                             </div>
//                           </div>
//                         </div>
//                       </div>
//                     </div>
//                   </div>
//                 </div>
//               </div>
//             </div>
//           </section>
//         </div>
//       </div>
//     </>
//   );
// };

// export default SkillResult;

import React from "react";

const page = () => {
  return <div>page</div>;
};

export default page;