import React from "react";
import { XIcon } from "@phosphor-icons/react";
import * as styles from "./styles";
export function Header({ title, secondary = false, onClose, }) {
    const handleOnClick = () => {
        onClose === null || onClose === void 0 ? void 0 : onClose();
    };
    return (React.createElement("div", { className: styles.container },
        React.createElement("span", { className: styles.title, "data-secondary": secondary }, title),
        React.createElement("button", { onClick: handleOnClick, className: styles.button, "data-testid": "poi-popup-content-header-close-button" },
            React.createElement(XIcon, { className: styles.icon, weight: "bold" }))));
}
//# sourceMappingURL=index.js.map