@blockstack/ui/dist/icons/arrow-icon.esm.js

Blockstack UI components built using React and styled-components with styled-system.

import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
import { createElement } from 'react';
import { Svg } from '../svg/index.esm.js';

var rotate = function rotate(direction) {
  if (direction === void 0) {
    direction = 'up';
  }

  switch (direction) {
    case 'up':
      return 0;

    case 'right':
      return '90';

    case 'down':
      return '180';

    case 'left':
      return '270';

    default:
      throw new Error('`rotate` must receive direction parameter');
  }
};

var ArrowIcon = function ArrowIcon(_ref) {
  var direction = _ref.direction,
      style = _ref.style,
      props = _objectWithoutPropertiesLoose(_ref, ["direction", "style"]);

  return createElement(Svg, Object.assign({
    width: "11px",
    height: "14px",
    viewBox: "0 0 11 14",
    style: _objectSpread2({}, style, {
      transform: "rotate(" + rotate(direction) + "deg)"
    })
  }, props), createElement("path", {
    d: "M5.5 13.559c.444 0 .759-.315.759-.766V4.351l-.055-1.477 1.77 1.976 1.56 1.545a.765.765 0 00.54.225c.416 0 .73-.314.73-.745a.754.754 0 00-.239-.547L6.061.816a.78.78 0 00-1.128 0L.435 5.328a.754.754 0 00-.24.547c0 .43.308.745.725.745.219 0 .41-.089.547-.225L3.019 4.85l1.777-1.983-.062 1.484v8.442c0 .451.315.766.766.766z",
    fill: "currentColor"
  }));
};

export { ArrowIcon };
//# sourceMappingURL=arrow-icon.esm.js.map