import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { memo } from "react";
import { LOGO } from "../interfaces";
import Icon from "./Icon";
function Header(props) {
    const { onClose, appLogo, appName } = props;
    return (_jsxs("div", Object.assign({ className: "w3a-modal__header" }, { children: [_jsx("div", Object.assign({ className: "w3a-header" }, { children: _jsxs("div", { children: [appLogo && (_jsx("div", Object.assign({ className: "w3a-header__logo" }, { children: _jsx("img", { src: appLogo || LOGO, alt: "" }) }))), _jsx("div", Object.assign({ className: "w3a-header__title" }, { children: appName }))] }) })), _jsx("button", Object.assign({ type: "button", onClick: onClose, className: "w3a-header__button w3ajs-close-btn" }, { children: _jsx(Icon, { iconName: "close" }) }))] })));
}
const memoizedHeader = memo(Header, (prevProps, nextProps) => {
    if (prevProps.appLogo !== nextProps.appLogo) {
        return true;
    }
    return false;
});
memoizedHeader.displayName = "Header";
export default memoizedHeader;
//# sourceMappingURL=Header.js.map