import { CheckCircleIcon, ExclamationIcon, 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" | "info"; } export function Alert(props: AlertProps) { const { severity } = props; return (
{severity === "error" && (

{props.title}

{props.message}
{props.actions &&
{props.actions}
}
); }