Function Event

apps/site/components/MDX/Calendar/Event/index.tsx:15–42

({
  start,
  end,
  description,
  summary,
  location,
})

>;

const Event: FC<EventProps> = ({
  start,
  end,
  description,
  summary,
  location,
}) => (
  <div className={styles.event}>
    <div className={styles.title}>
      <span>
        <FormattedTime
          date={isZoned(start) ? start.dateTime : start.date}
          format={{ hour: 'numeric', minute: 'numeric' }}
        />
      </span>
      <span>-</span>
      <span>
        <FormattedTime
          date={isZoned(end) ? end.dateTime : end.date}
          format={{ hour: 'numeric', minute: 'numeric' }}
        />
      </span>
      <small>(UTC)</small>
    </div>

    <Link href={getZoomLink({ description, location })}>{summary}</Link>
  </div>
);

export default Event;