import React from "react";
import { XIcon } from "@phosphor-icons/react";
import * as styles from "./styles";
import { useLocalContent } from "~/sdks/LocalContent/context";
export function Header({ title }) {
    const { handleMarkerClick } = useLocalContent();
    const onClose = () => {
        handleMarkerClick();
    };
    return (React.createElement("div", { className: styles.container },
        title,
        " ",
        React.createElement("button", { onClick: onClose, "data-testid": "poi-popup-content-header-close-button" },
            React.createElement(XIcon, { className: styles.icon, weight: "bold" }))));
}
//# sourceMappingURL=index.js.map