text: /*
   * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *     http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
  import * as React from "react";
  import * as Classes from "../../common/classes";
  import { DISPLAYNAME_PREFIX } from "../../common/props";
  import { getPosition } from "./popperUtils";
  // these paths come from the Core Kit Sketch file
  // https://github.com/palantir/blueprint/blob/develop/resources/sketch/Core%20Kit.sketch
  const SVG_SHADOW_PATH = "M8.11 6.302c1.015-.936 1.887-2.922 1.887-4.297v26c0-1.378" +
      "-.868-3.357-1.888-4.297L.925 17.09c-1.237-1.14-1.233-3.034 0-4.17L8.11 6.302z";
  const SVG_ARROW_PATH = "M8.787 7.036c1.22-1.125 2.21-3.376 2.21-5.03V0v30-2.005" +
      "c0-1.654-.983-3.9-2.21-5.03l-7.183-6.616c-.81-.746-.802-1.96 0-2.7l7.183-6.614z";
  /** Modifier helper function to compute arrow rotate() transform */
  function getArrowAngle(placement) {
      if (placement == null) {
          return 0;
      }
      // can only be top/left/bottom/right - auto is resolved internally
      switch (getPosition(placement)) {
          case "top":
              return -90;
          case "left":
              return 180;
          case "bottom":
              return 90;
          default:
              return 0;
      }
  }
  export const PopoverArrow = ({ arrowProps: { ref, style }, placement }) => (React.createElement("div", { className: Classes.POPOVER_ARROW, ref: ref, style: isNaN(+style.left) ? {} : style },
      React.createElement("svg", { viewBox: "0 0 30 30", style: { transform: `rotate(${getArrowAngle(placement)}deg)` } },
          React.createElement("path", { className: Classes.POPOVER_ARROW + "-border", d: SVG_SHADOW_PATH }),
          React.createElement("path", { className: Classes.POPOVER_ARROW + "-fill", d: SVG_ARROW_PATH }))));
  PopoverArrow.displayName = `${DISPLAYNAME_PREFIX}.PopoverArrow`;
  //# sourceMappingURL=popoverArrow.js.map