function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import React from 'react';
import { t } from '../i18n';
import SvgIcon from './SvgIcon';
var defaultProps = {
  className: '',
  viewBox: '0 0 16 11'
};

function UsaFlagIcon(props) {
  var iconCssClasses = "ds-c-icon--usa-flag ".concat(props.className || '');
  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
    title: t('usaBanner.flagIconTitle')
  }, defaultProps, props, {
    className: iconCssClasses
  }), /*#__PURE__*/React.createElement("g", {
    fill: "none",
    fillRule: "evenodd"
  }, /*#__PURE__*/React.createElement("path", {
    fill: "#FFF",
    d: "M0 0h16v11H0z"
  }), /*#__PURE__*/React.createElement("path", {
    fill: "#DB3E1F",
    d: "M8 0h8v1H8z"
  }), /*#__PURE__*/React.createElement("path", {
    fill: "#1E33B1",
    d: "M0 0h8v7H0z"
  }), /*#__PURE__*/React.createElement("path", {
    fill: "#DB3E1F",
    d: "M8 2h8v1H8zM8 4h8v1H8zM8 6h8v1H8zM0 8h16v1H0zM0 10h16v1H0z"
  }), /*#__PURE__*/React.createElement("path", {
    fill: "#FFF",
    d: "M1 1h1v1H1zM2 3h1v1H2zM1 5h1v1H1zM3 1h1v1H3zM4 3h1v1H4zM3 5h1v1H3zM5 1h1v1H5zM6 3h1v1H6zM5 5h1v1H5z"
  })));
}

export default UsaFlagIcon;