🚀 Quick Start Example:

import { EducationalComponentRenderer } from './ComponentRenderer';

const learningComponent = {
    component_type: 'quiz_mc',
    data: {
        questions: [{
            id: 'q1',
            question: 'What is the primary benefit of interactive learning?',
            options: ['Cost reduction', 'Higher engagement', 'Faster delivery'],
            correctAnswer: 'Higher engagement',
            explanation: 'Interactive learning significantly increases student engagement.'
        }]
    },
    theme: {
        primaryColor: '#3b82f6',
        accentColor: '#64ffda'
    }
};

<EducationalComponentRenderer component={learningComponent} />