import React from "react";
const HeaderAlertGroup = (props) => {
    let children = props.children || [];
    children = children.filter((child) => {
        if (!child) {
            return false;
        }
        // check if this child has inner div.
        if (child.props.children) {
            return true;
        }
        return true;
    });
    if (!children || children.length === 0) {
        return React.createElement(React.Fragment, null);
    }
    const className = "flex items-center gap-1 ml-4";
    return (React.createElement("div", { className: className }, children.map((child, index) => {
        return (React.createElement("div", { key: index, className: "flex" }, child));
    })));
};
export default HeaderAlertGroup;
//# sourceMappingURL=HeaderAlertGroup.js.map