import { jsx as _jsx } from "react/jsx-runtime";
import cx from "classnames";
import { UiIcon } from "../@ui/UiIcon/UiIcon.js";
import { Button } from "../Button/Button.js";
/**
 * @internal
 */
export const HEADER_CHAT_BUTTON_ID = "gd-header-chat-button";
export function HeaderChatButton({ title, onClick }) {
    const classNames = cx("gd-header-measure", "gd-header-button", "gd-header-chat");
    // The text is not l18n-ed because it is not final
    return (_jsx(Button, { id: HEADER_CHAT_BUTTON_ID, title: title, className: classNames, onClick: onClick, accessibilityConfig: {
            ariaLabel: title,
        }, children: _jsx(UiIcon, { type: "genai", size: 16 }) }));
}
