import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// (C) 2024-2025 GoodData Corporation
import cx from "classnames";
import { Button, Typography } from "@gooddata/sdk-ui-kit";
export function PopupHeader({ title, onGoBack, onClose }) {
    const headerClassNames = cx("configuration-panel-header-title", {
        clickable: !!onGoBack,
    });
    return (_jsxs("div", { className: "configuration-panel-header", children: [
            _jsxs(Typography, { tagName: "h3", className: headerClassNames, onClick: onGoBack || undefined, children: [onGoBack ? _jsx("i", { className: "gd-icon-navigateleft" }) : null, title] }), _jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-cross configuration-panel-header-close-button s-configuration-panel-header-close-button", onClick: onClose, 
                // TODO INE remove dataId once selectors in KD are rewritten to use dataTestId
                dataId: "s-configuration-panel-header-close-button", dataTestId: "s-configuration-panel-header-close-button" })
        ] }));
}
//# sourceMappingURL=PopupHeader.js.map