hunk.code_window:         <td>${this.calEvent.attendees[0].name}<br /><small><a href="mailto:${
           this.calEvent.attendees[0].email
         }">${this.calEvent.attendees[0].email}</a></small></td>
         </tr>
         <tr>
           <td>${this.calEvent.language("where")}</td>
           <td>${this.getLocation()}</td>
         </tr>
         <tr>
           <td>${this.calEvent.language("notes")}</td>
           <td>${this.calEvent.description}</td>
         </tr>
  
hunk.labels: keep keep keep keep replace replace replace replace keep keep keep keep
hunk.after_edit:       ${this.getLocation()}
  
hunk.file_path: lib/emails/EventOrganizerMail.ts
hunk.type: replace
file: import { CheckCircleIcon, InformationCircleIcon, XCircleIcon } from "@heroicons/react/solid";
  import classNames from "classnames";
  import { ReactNode } from "react";
  
  export interface AlertProps {
    title?: ReactNode;
    message?: ReactNode;
    actions?: ReactNode;
    className?: string;
    severity: "success" | "warning" | "error";
  }
  export function Alert(props: AlertProps) {
    const { severity } = props;
  
    return (
      <div
        className={classNames(
          "rounded-sm p-2",
          props.className,
          severity === "error" && "bg-red-50 text-red-800",
          severity === "warning" && "bg-yellow-50 text-yellow-700",
          severity === "success" && "bg-gray-900 text-white"
        )}>
        <div className="flex">
          <div className="flex-shrink-0">
            {severity === "error" && (
              <XCircleIcon className={classNames("h-5 w-5 text-red-400")} aria-hidden="true" />
            )}
            {severity === "warning" && (
              <InformationCircleIcon className={classNames("h-5 w-5 text-yellow-400")} aria-hidden="true" />
            )}
            {severity === "success" && (
              <CheckCircleIcon className={classNames("h-5 w-5 text-gray-400")} aria-hidden="true" />
            )}
          </div>
          <div className="ml-3 flex-grow">
            <h3 className="text-sm font-medium">{props.title}</h3>
            <div className="text-sm">{props.message}</div>
          </div>
          {props.actions && <div className="text-sm">{props.actions}</div>}
        </div>
      </div>
    );
  }
  