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

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

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

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


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

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

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

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

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

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

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