My personal website
1import { cn } from '@/lib/utils';
2import React from 'react';
3import { CardEvent } from '@/components/CardEvent/CardEvent';
4import { eventsStyles } from './Events.styles';
5import { EventsProps } from './Events.types';
6
7export const Events: React.FC<EventsProps> = ({ items, className = '' }) => (
8 <div className={cn(eventsStyles.wrapper, className)}>
9 {items.map((item) => (
10 <CardEvent
11 key={item.eventTitle}
12 eventType={item.eventType}
13 eventTitle={item.eventTitle}
14 eventDescription={item.eventDescription}
15 eventStartYear={item.eventStartYear}
16 eventEndYear={item.eventEndYear}
17 eventAffiliation={item.eventAffiliation}
18 />
19 ))}
20 </div>
21);