import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import classNames from 'classnames';
import { Alert } from '../../../lib/ui/Alert/Alert.js';
export function Alerts(props) {
    const { alerts, children, className } = props;
    if (alerts?.length === 0)
        return null;
    return (_jsxs("div", { className: classNames('seam-alerts', className), children: [alerts?.map((alert, index) => (_jsx(Alert, { ...alert }, `${index}:${alert.message}`))), children] }));
}
//# sourceMappingURL=Alerts.js.map