import { Fragment } from "react"; import { Transition } from "@headlessui/react"; import classNames from "classnames"; type Props = { isOpen: boolean; message: string; variant?: "success" | "warning"; }; export const Alert = ({ isOpen, message, variant = "warning" }: Props) => { const classes = classNames( "fixed top-2.5 left-1/2 transform -translate-x-1/2 max-w-sm w-full shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden", { "bg-rose-200": variant === "warning", "bg-green-200": variant === "success", } ); return (

{message}

); };