import React, { useState } from 'react'; import { CheckCircle2, ChevronRight, RotateCcw, Compass } from 'lucide-react'; const CareAssessment = () => { const [currentScreen, setCurrentScreen] = useState('intro'); const [scenario, setScenario] = useState(''); const questions = [ ["I'm good at recognizing alternatives.", "I tend to focus on many things at once.", "I like to see the consequences before I act.", "I like to examine the details."], ["I prefer to be actively involved in things.", "I enjoy getting attention.", "I like to use ideas others have thought through.", "I like to take things one step at a time."], ["I like to discuss concepts.", "I don't feel obligated to follow tradition.", "I prefer to test new things on a small scale before implementing a change.", "I like things to be balanced and symmetrical."], ["I'm good at exploring alternatives.", "I let my feelings guide me.", "I am uncomfortable when things are changing.", "Others might say I think like 1-2-3-4-5."], ["I like to focus on coming up with new ideas.", "I tend to move from one subject to another.", "I let accepted norms and expectations guide me.", "I prefer to think things over carefully before acting."], ["I like to develop theories and principles.", "When everything is in place, I am restless.", "I tend to be cautious in trying out a new approach.", "I like to be in a place where there is order."], ["I'm good at visualizing the master plan.", "Others might say I think like 1-3-2-purple-5-alligator.", "I don't challenge the status quo.", "My ideas focus on what I can prove is true."], ["I often think about what should happen next.", "I sometimes get impatient.", "I try to fit in with other people.", "I tend to follow a process when solving problems."], ["I'm good at capturing the essential core of a matter.", "I let my own preferences guide me.", "I prefer to let others take the lead.", "I am comfortable being methodical."], ["I'm good at analyzing things.", "I like to have respect.", "I like to see things fit together.", "I'm good at putting things in order."], ["I like to discuss implementation.", "I sometimes act impulsively.", "Initially, I respond to new ideas with skepticism.", "I prefer to spend my time creating order."], ["I prefer to focus on the future.", "I like to have influence.", "I prefer to try a proven solution, rather than try something unproven.", "A good description of my thought process would be step-by-step."] ]; const [rankings, setRankings] = useState( Array(12).fill(null).map(() => [null, null, null, null]) ); const handleRankChange = (rowIndex, colIndex, value) => { const newRankings = [...rankings]; const numValue = value === '' ? null : parseInt(value); const currentRow = newRankings[rowIndex]; if (numValue !== null) { const existingIndex = currentRow.indexOf(numValue); if (existingIndex !== -1 && existingIndex !== colIndex) { currentRow[existingIndex] = null; } } newRankings[rowIndex][colIndex] = numValue; setRankings(newRankings); }; const getRowTotal = (rowIndex) => { return rankings[rowIndex].reduce((sum, val) => sum + (val || 0), 0); }; const isRowComplete = (rowIndex) => { const row = rankings[rowIndex]; return row.every(val => val !== null) && getRowTotal(rowIndex) === 10; }; const allRowsComplete = () => { return rankings.every((_, idx) => isRowComplete(idx)); }; const getTotalScore = () => { return rankings.reduce((total, row) => total + row.reduce((sum, val) => sum + (val || 0), 0), 0 ); }; const calculateResults = () => { const totals = [0, 0, 0, 0]; rankings.forEach(row => { row.forEach((val, idx) => { totals[idx] += val || 0; }); }); return totals; }; const getPrimaryTypes = () => { const totals = calculateResults(); const max = Math.max(...totals); const types = ['X', 'T', 'C', 'S']; const primaryTypes = []; totals.forEach((total, idx) => { if (total === max) { primaryTypes.push(types[idx]); } }); return primaryTypes; }; if (currentScreen === 'intro') { return ( ); } if (currentScreen === 'assessment') { return (