"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.ANCHOR_PLACEMENT = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _faGraduationCap = require("@fortawesome/free-solid-svg-icons/faGraduationCap");
var _button = require("../../../button");
var _fontAwesomeIcon = require("../../../font-awesome-icon");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const ANCHOR_PLACEMENT = exports.ANCHOR_PLACEMENT = {
  LEFT: 'left',
  RIGHT: 'right'
};
/**
 * Component to demonstrate advanced tour onboarding information.
 * Is attached to a specific component on the page in the corner.
 * @midnight-gray-supported
 * @alpine-light-supported
 * */
const AdvancedTourAnchor = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
  const {
    onClickHandler,
    className,
    isVisible,
    isHighlighted,
    placement,
    ariaLabel
  } = props;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
    ref: ref,
    accentType: _button.ACCENT_TYPES.ROUND_ICON,
    className: (0, _classnames.default)('button advanced-tour-anchor-wrapper', className, {
      'is-hidden': !isVisible,
      'is-highlighted': isHighlighted,
      'bottom-left': placement === ANCHOR_PLACEMENT.LEFT
    }),
    onClick: onClickHandler,
    testId: "advanced-tour-anchor",
    "aria-label": ariaLabel,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontAwesomeIcon.FontAwesomeIcon, {
      icon: _faGraduationCap.faGraduationCap
    })
  });
});
AdvancedTourAnchor.displayName = 'AdvancedTourAnchor';
var _default = exports.default = AdvancedTourAnchor;