2 lines
1.2 KiB
JavaScript
2 lines
1.2 KiB
JavaScript
import{j as e,aj as d}from"./vendor-BKmmeuxg.js";import{B as n}from"./button-BpNwv2aE.js";import{L as m}from"./label-HmIcv5Yx.js";import{R as p,a as x}from"./radio-group-C0C2vfl-.js";import"./index-WW_1X1qx.js";import"./utils-DxSsnXxD.js";const y=({question:o,answer:t,onAnswerChange:a})=>{var i;const r=(t==null?void 0:t.selected_option_id)||"",l=s=>{a({selected_option_id:parseInt(s)})},c=()=>{a(null)};return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsx("p",{className:"text-sm text-gray-600",children:"Select the correct answer:"}),r&&e.jsxs(n,{variant:"ghost",size:"sm",onClick:c,children:[e.jsx(d,{className:"mr-2 h-4 w-4"}),"Clear Selection"]})]}),e.jsx(p,{value:r.toString(),onValueChange:l,children:e.jsx("div",{className:"space-y-3",children:(i=o.question_options)==null?void 0:i.map(s=>e.jsxs("div",{className:`flex items-start space-x-3 rounded-lg border-2 p-4 transition-colors ${r===s.id?"border-primary bg-primary/5":"border-gray-200 hover:border-gray-300"}`,children:[e.jsx(x,{value:s.id.toString(),id:`option-${s.id}`,className:"mt-0.5"}),e.jsx(m,{htmlFor:`option-${s.id}`,className:"flex-1 cursor-pointer font-normal",children:s.option_text})]},s.id))})})]})};export{y as default};
|