import React from 'react';
// 1. Learning Workspace Illustration (Editorial Hero & Learning overview)
export function LearningWorkspaceIllustration({ className = 'w-full h-auto' }: { className?: string }) {
return (
);
}
// 2. Cloud Architecture Multi-Cloud Illustration (AWS, Google Cloud, Azure)
export function CloudArchitectureIllustration({ className = 'w-full h-auto' }: { className?: string }) {
return (
);
}
// 3. AI & Data Connections Illustration
export function AIConnectionsIllustration({ className = 'w-full h-auto' }: { className?: string }) {
return (
);
}
// 4. Cybersecurity Shield Illustration
export function CybersecurityShieldIllustration({ className = 'w-full h-auto' }: { className?: string }) {
return (
);
}
// 5. Category-Specific Vector Badges / Visual Glyphs (for Course Cards & Subjects)
export function CategoryGlyph({ category, className = 'w-6 h-6' }: { category: string; className?: string }) {
switch (category) {
case 'Cloud Computing':
return (
);
case 'Artificial Intelligence':
return (
);
case 'Cybersecurity':
return (
);
case 'Data Science':
return (
);
case 'Networking':
return (
);
case 'Linux':
return (
);
case 'Virtual Assistance':
return (
);
case 'Online Work Readiness':
return (
);
case 'Data Annotation':
return (
);
case 'Communication Skills':
return (
);
case 'Coding & Software Development':
return (
);
case 'Graphics Design':
return (
);
case 'Financial Literacy':
return (
);
default:
return (
);
}
}