import { jsx as _jsx } from "react/jsx-runtime";
import { useEffect } from 'react';
import styles from './Toast.module.css';
export default function Toast({ message, onDismiss, duration = 5000 }) {
    useEffect(() => {
        const timer = setTimeout(onDismiss, duration);
        return () => clearTimeout(timer);
    }, [onDismiss, duration]);
    return (_jsx("div", { className: styles.toast, onClick: onDismiss, children: message }));
}