import React, { ReactNode } from "react"; import styles from "./MiniEventCard.module.css"; interface Props { name: string; descriptionShort: string; description: ReactNode; location: string; date: string; time: string; } const dropDownIcon = ( ); export const MiniEventCard: React.FC = ({ name, descriptionShort, description, location, date, time, }) => { return ( event.preventDefault()}> {name} {location} | {date} | {time} {descriptionShort} View details {dropDownIcon} {description} ); };
{location} | {date} | {time}
{descriptionShort}
View details {dropDownIcon}