@hrobarikt/box-ui-elements/es/icons/general/IconChevron.js

Box UI Elements

var _rotations;

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

import * as React from 'react';
export var DirectionType;

(function (DirectionType) {
  DirectionType["DOWN"] = "down";
  DirectionType["LEFT"] = "left";
  DirectionType["RIGHT"] = "right";
  DirectionType["UP"] = "up";
})(DirectionType || (DirectionType = {}));

var rotations = (_rotations = {}, _defineProperty(_rotations, DirectionType.DOWN, 135), _defineProperty(_rotations, DirectionType.LEFT, 225), _defineProperty(_rotations, DirectionType.RIGHT, 45), _defineProperty(_rotations, DirectionType.UP, 315), _rotations);

var IconChevron = function IconChevron(_ref) {
  var _ref$className = _ref.className,
      className = _ref$className === void 0 ? '' : _ref$className,
      _ref$color = _ref.color,
      color = _ref$color === void 0 ? '#000' : _ref$color,
      _ref$direction = _ref.direction,
      direction = _ref$direction === void 0 ? DirectionType.UP : _ref$direction,
      _ref$size = _ref.size,
      size = _ref$size === void 0 ? '9px' : _ref$size,
      _ref$thickness = _ref.thickness,
      thickness = _ref$thickness === void 0 ? '2px' : _ref$thickness;
  return React.createElement("span", {
    className: "icon-chevron icon-chevron-".concat(direction, " ").concat(className),
    style: {
      borderColor: color,
      borderStyle: 'solid solid none none',
      borderWidth: thickness,
      display: 'inline-block',
      height: size,
      transform: "rotate(".concat(rotations[direction], "deg)"),
      width: size
    }
  });
};

export default IconChevron;
//# sourceMappingURL=IconChevron.js.map