import React from 'react'; import { Card, Typography } from '@material-tailwind/react'; import * as HeroIcons from '@heroicons/react/24/outline'; const COMPONENT_DATA = [ { title: 'Google Meet User Guide', summary: 'A comprehensive guide for users to navigate and utilize Google Meet effectively.', icon: 'BookOpenIcon', column_span: '6' }, { title: 'Google Meet Troubleshooting', summary: 'A document providing solutions to common issues faced by users during Google Meet sessions.', icon: 'ExclamationCircleIcon', column_span: '6' }, { title: 'Google Meet Best Practices', summary: 'Tips and tricks for optimizing your Google Meet experience for better collaboration.', icon: 'LightBulbIcon', column_span: '6' }, { title: 'Google Meet Security Features', summary: 'An overview of the security measures in place to protect users during Google Meet calls.', icon: 'ShieldCheckIcon', column_span: '6' } ]; function InfoAreaComponent({ item }) { const title = item?.title || 'Info Area Title'; const desc = item?.summary || 'Info Area Description'; const iconName = item?.icon ? item.icon : 'StarIcon'; const IconComponent = HeroIcons[iconName as keyof typeof HeroIcons]; return (

{title} {desc} ); } function FeaturesSection() { return (

{COMPONENT_DATA.map((item, index) => (

))}

); } export default FeaturesSection;

Google Meet Files Summary - Code

Project Files

No file selected