text: var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
      if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
      return cooked;
  };
  import React from 'react';
  import styled from 'styled-components';
  export var ArrowsAlt = styled.svg.attrs({
      children: function (props) { return (props.title != null
          ? [React.createElement("title", { key: "ArrowsAlt-title" }, props.title), React.createElement("path", { fill: "currentColor", d: "M352.201 425.775l-79.196 79.196c-9.373 9.373-24.568 9.373-33.941 0l-79.196-79.196c-15.119-15.119-4.411-40.971 16.971-40.97h51.162L228 284H127.196v51.162c0 21.382-25.851 32.09-40.971 16.971L7.029 272.937c-9.373-9.373-9.373-24.569 0-33.941L86.225 159.8c15.119-15.119 40.971-4.411 40.971 16.971V228H228V127.196h-51.23c-21.382 0-32.09-25.851-16.971-40.971l79.196-79.196c9.373-9.373 24.568-9.373 33.941 0l79.196 79.196c15.119 15.119 4.411 40.971-16.971 40.971h-51.162V228h100.804v-51.162c0-21.382 25.851-32.09 40.97-16.971l79.196 79.196c9.373 9.373 9.373 24.569 0 33.941L425.773 352.2c-15.119 15.119-40.971 4.411-40.97-16.971V284H284v100.804h51.23c21.382 0 32.09 25.851 16.971 40.971z", key: "k0" })
          ]
          : [React.createElement("path", { fill: "currentColor", d: "M352.201 425.775l-79.196 79.196c-9.373 9.373-24.568 9.373-33.941 0l-79.196-79.196c-15.119-15.119-4.411-40.971 16.971-40.97h51.162L228 284H127.196v51.162c0 21.382-25.851 32.09-40.971 16.971L7.029 272.937c-9.373-9.373-9.373-24.569 0-33.941L86.225 159.8c15.119-15.119 40.971-4.411 40.971 16.971V228H228V127.196h-51.23c-21.382 0-32.09-25.851-16.971-40.971l79.196-79.196c9.373-9.373 24.568-9.373 33.941 0l79.196 79.196c15.119 15.119 4.411 40.971-16.971 40.971h-51.162V228h100.804v-51.162c0-21.382 25.851-32.09 40.97-16.971l79.196 79.196c9.373 9.373 9.373 24.569 0 33.941L425.773 352.2c-15.119 15.119-40.971 4.411-40.97-16.971V284H284v100.804h51.23c21.382 0 32.09 25.851 16.971 40.971z", key: "k0" })
          ]); },
      viewBox: '0 0 512 512',
      height: function (props) { return (props.height !== undefined ? props.height : props.size); },
      width: function (props) { return (props.width !== undefined ? props.width : props.size); },
      // @ts-ignore - aria is not always defined on SVG in React TypeScript types
      'aria-hidden': function (props) { return (props.title == null ? 'true' : undefined); },
      focusable: 'false',
      role: function (props) { return (props.title != null ? 'img' : undefined); },
      "fill": "currentColor",
  })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  vertical-align: -.125em;\n  overflow: hidden;\n"], ["\n  display: inline-block;\n  vertical-align: -.125em;\n  overflow: hidden;\n"])));
  ArrowsAlt.displayName = 'ArrowsAlt';
  export var ArrowsAltDimensions = { height: undefined, width: undefined };
  var templateObject_1;
  