import { useState } from "react"; import { useTranslation } from "next-i18next"; import { DateTime } from "luxon"; import classNames from "classnames"; import { IoMdCheckmarkCircleOutline } from "react-icons/io"; export default function Event({ event, colorVariants, showDate = false, showTime = false, showDateColumn = true }) { const [hover, setHover] = useState(false); const { i18n } = useTranslation(); return (