import React from ‘react’; import { Card, CardContent } from ‘@/components/ui/card’;

const ResponsibilityMatrix = () => { const responsibilities = [ ‘Strategy & Planning’, ‘Staff Management’, ‘Training Delivery’, ‘Curriculum Development’, ‘Program Evaluation’, ‘Administrative Tasks’ ];

const positions = [ ‘Training Manager’, ‘Senior Training Officer’, ‘Training Coordinator’, ‘Technical Specialist’, ‘L&D Officer’ ];

// Matrix data where 2 = Primary responsibility, 1 = Secondary, 0 = Not responsible const matrix = [ [2, 2, 1, 2, 2, 1], // Training Manager [1, 1, 2, 2, 1, 1], // Senior Training Officer [0, 0, 1, 0, 1, 2], // Training Coordinator [1, 0, 2, 2, 1, 0], // Technical Specialist [2, 0, 1, 1, 2, 1] // L&D Officer ];

return (

{responsibilities.map((resp, index) => ( ))} {positions.map((position, rowIndex) => ( {matrix[rowIndex].map((value, colIndex) => ( ))} ))}

); };

export default ResponsibilityMatrix;