/* ask-rovo-section-header.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./ask-rovo-section-header.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { useIntl } from 'react-intl';
import { messages } from '../../../../../messages';
import RovoHexLogo from '../../../assets/rovo-hex-logo';
const sectionHeaderStyles = null;
const sectionHeaderDividerStyles = null;
const sectionHeaderRowStyles = null;
const sectionHeaderLabelStyles = null;
/**
 * "Ask Rovo" section header rendered above the prompt action pill buttons in
 * the rovogrowth-640-inline-action-nudge-exp pill variant.
 *
 * Renders a full-width 1px divider followed by a row containing the colourful
 * Rovo hex logo and the "Ask Rovo" label.
 */
const AskRovoSectionHeader = ({
  testId
}) => {
  const intl = useIntl();
  return /*#__PURE__*/React.createElement("div", {
    "data-testid": testId,
    className: ax(["_zulputpp _1e0c1txw _2lx21bp4 _otyrutpp _18u0v77o _1bsb1osq _1wpz1fhb"])
  }, /*#__PURE__*/React.createElement("div", {
    role: "separator",
    "aria-orientation": "horizontal",
    className: ax(["_4t3it94y _1bsb1osq _bfhk1l7x"])
  }), /*#__PURE__*/React.createElement("div", {
    className: ax(["_zulp1b66 _1e0c1txw _4cvr1h6o _19bv1b66"])
  }, /*#__PURE__*/React.createElement(RovoHexLogo, null), /*#__PURE__*/React.createElement("span", {
    className: ax(["_11c8wadc _syazazsu _k48p1wq8"])
  }, intl.formatMessage(messages.rovo_chat_action_section_header))));
};
export default AskRovoSectionHeader;