optimizely-oui/module/js/components/Icon/RefreshIcon/index.js

Optimizely's Component Library.

import React from "react";
import PropTypes from "prop-types";
/* eslint-disable max-len */

var RefreshIcon16 = require("!babel?presets[]=react!svg-jsx-loader!oui-icons/src/16/refresh-16.svg");

var RefreshIcon24 = require("!babel?presets[]=react!svg-jsx-loader!oui-icons/src/24/refresh-24.svg");
/* eslint-enable max-len */

/**
 * @param {Object} props - Properties passed to component
 * @returns {ReactElement}
 */


var RefreshIcon = function RefreshIcon(props) {
  var Svg;
  var sizeclass;

  switch (props.size) {
    case 16:
      Svg = RefreshIcon16;
      sizeclass = "oui-icon--16";
      break;

    case 24:
      Svg = RefreshIcon24;
      sizeclass = "oui-icon--24";
      break;

    default:
      Svg = RefreshIcon16;
      sizeclass = "oui-icon--".concat(props.size);
  }

  return React.createElement(Svg, {
    className: "oui-icon display--inline " + sizeclass,
    "data-test-section": props.testSection
  });
};

RefreshIcon.propTypes = {
  /** Size of the icon */
  size: PropTypes.oneOf([12, 16, 24]).isRequired,

  /** Hook for automated JavaScript tests */
  testSection: PropTypes.string
};
export default RefreshIcon;