import React from 'react'; const ProblemSolutionCard = ({ type, title, content, highlights, color = '#4CAF50' }) => { const isProblem = type === 'problem'; const cardColor = isProblem ? '#f44336' : color; const bgGradient = isProblem ? 'linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%)' : `linear-gradient(135deg, ${cardColor}20 0%, ${cardColor}40 100%)`; return (

{isProblem ? '🚨' : '💡'} {title}

{content}

{highlights && (
{highlights.map((highlight, index) => (
• {highlight}
))}
)}
); }; export default ProblemSolutionCard;