import React from 'react';
import classNames from 'classnames';
import { faGraduationCap } from '@fortawesome/free-solid-svg-icons/faGraduationCap';
import { Button, ACCENT_TYPES } from '../../../button';
import { FontAwesomeIcon } from '../../../font-awesome-icon';
import { jsx as _jsx } from "react/jsx-runtime";
export const 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.forwardRef((props, ref) => {
  const {
    onClickHandler,
    className,
    isVisible,
    isHighlighted,
    placement,
    ariaLabel
  } = props;
  return /*#__PURE__*/_jsx(Button, {
    ref: ref,
    accentType: ACCENT_TYPES.ROUND_ICON,
    className: classNames('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__*/_jsx(FontAwesomeIcon, {
      icon: faGraduationCap
    })
  });
});
AdvancedTourAnchor.displayName = 'AdvancedTourAnchor';
export default AdvancedTourAnchor;