import React from "react"; import styles from "./playground.module.css"; import AfterHoursContent, { metadata as afterHoursMetadata, } from "../content/playground/after-hours.event.mdx"; import OOTBReact, { metadata as OOTBReactEventMetadata, } from "../content/playground/ootb-react.event.mdx"; import AltTab, { metadata as altTabEventMetadata, } from "../content/playground/alt-tab.event.mdx"; import UnavailableContent, { metadata as unavailableMetadata, } from "../content/playground/unavailable.news.mdx"; import { metadata as dogeMetadata } from "../content/playground/doge.team-member.mdx"; import CodeyInfo, { metadata as codeyMetadata, } from "../content/playground/codey.team-member.mdx"; import { MiniEventCard } from "./MiniEventCard"; import { NewsCard } from "./NewsCard"; import { EventCard } from "./EventCard"; import { EventDescriptionCard } from "./EventDescriptionCard"; import { TeamMember } from "./TeamMember"; import { TeamMemberCard } from "./TeamMemberCard"; const events = [ { Content: OOTBReact, metadata: OOTBReactEventMetadata }, { Content: AfterHoursContent, metadata: afterHoursMetadata }, { Content: AltTab, metadata: altTabEventMetadata }, ]; export function MiniEventCardDemo() { return (