import { useState } from "react"; import { DateTime } from "luxon"; import classNames from "classnames"; import { IoMdCheckmarkCircleOutline } from "react-icons/io"; export default function Event({ task, colorVariants }) { const [hover, setHover] = useState(false); const renderEventTitle = () => { if (task.url) { return ( {hover && task.additional ? task.additional : task.title} ); } return (