/* priority-icon.tsx generated by @compiled/babel-plugin v0.40.0 */
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["label", "testId"];
import "./priority-icon.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
var style = {
  span: "_1e0c1o8l",
  svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
};
export var createPriorityIcon = function createPriorityIcon(displayName, paths) {
  var Icon = function Icon(_ref) {
    var label = _ref.label,
      testId = _ref.testId,
      props = _objectWithoutProperties(_ref, _excluded);
    return /*#__PURE__*/React.createElement("span", _extends({
      role: label ? 'img' : undefined,
      "aria-label": label,
      "aria-hidden": label ? undefined : true,
      "data-testid": testId
    }, props, {
      className: ax([style.span])
    }), /*#__PURE__*/React.createElement("svg", {
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      role: "presentation",
      className: ax([style.svg])
    }, paths.map(function (p, i) {
      return /*#__PURE__*/React.createElement("path", {
        key: i,
        d: p.d,
        fill: p.fill
      });
    })));
  };
  Icon.displayName = displayName;
  return Icon;
};