2 lines
2.5 KiB
JavaScript
2 lines
2.5 KiB
JavaScript
import{j as s,K as m,c$ as d,a8 as x}from"./vendor-BKmmeuxg.js";import{B as l}from"./badge-AQfLLMpR.js";import{B as N}from"./button-BpNwv2aE.js";import{C as g,a as f,c as u,b as v}from"./card-D9_SJYq6.js";import"./index-WW_1X1qx.js";import"./utils-DxSsnXxD.js";const B=({questions:t,currentQuestionIndex:h,answeredQuestions:r,markedQuestions:n,onNavigate:o})=>{const c=e=>r.has(e)?"answered":n.has(e)?"marked":"unanswered",j=e=>{const a=c(e);return a==="answered"?s.jsx(m,{className:"h-3 w-3"}):a==="marked"?s.jsx(d,{className:"h-3 w-3"}):s.jsx(x,{className:"h-3 w-3"})},p=(e,a)=>{if(e===h)return"default";const i=c(a);return i==="answered"?"secondary":i==="marked"?"outline":"ghost"};return s.jsxs(g,{children:[s.jsx(f,{className:"pb-3",children:s.jsx(u,{className:"text-base",children:"Question Navigator"})}),s.jsxs(v,{className:"space-y-4",children:[s.jsxs("div",{className:"space-y-2 text-sm",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx(l,{variant:"secondary",className:"h-6 w-6 p-0",children:s.jsx(m,{className:"h-3 w-3"})}),s.jsxs("span",{className:"text-gray-600",children:["Answered (",r.size,")"]})]}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx(l,{variant:"outline",className:"h-6 w-6 p-0",children:s.jsx(d,{className:"h-3 w-3"})}),s.jsxs("span",{className:"text-gray-600",children:["Marked (",n.size,")"]})]}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx(l,{variant:"ghost",className:"h-6 w-6 p-0",children:s.jsx(x,{className:"h-3 w-3"})}),s.jsxs("span",{className:"text-gray-600",children:["Not Answered (",t.length-r.size,")"]})]})]}),s.jsx("div",{className:"grid grid-cols-5 gap-2",children:t.map((e,a)=>s.jsxs(N,{variant:p(a,e.id),size:"sm",onClick:()=>o(a),className:"relative h-10 w-full",children:[s.jsx("span",{className:"text-sm",children:a+1}),s.jsx("span",{className:"absolute right-1 top-1",children:j(e.id)})]},e.id))}),s.jsxs("div",{className:"rounded-lg bg-gray-50 p-3",children:[s.jsx("p",{className:"text-sm font-semibold text-gray-700",children:"Progress Summary"}),s.jsxs("div",{className:"mt-2 space-y-1 text-sm text-gray-600",children:[s.jsxs("p",{children:["Total Questions: ",s.jsx("span",{className:"font-semibold",children:t.length})]}),s.jsxs("p",{children:["Answered: ",s.jsx("span",{className:"font-semibold text-green-600",children:r.size})]}),s.jsxs("p",{children:["Remaining: ",s.jsx("span",{className:"font-semibold text-orange-600",children:t.length-r.size})]})]})]})]})]})};export{B as default};
|