import _extends from "@babel/runtime/helpers/esm/extends";
// **********************************
// Auto-generated file, do NOT modify
// **********************************
import React, { forwardRef, memo, useId } from 'react';
import { createStyledFlagIcon } from '../base';
const FlagIcon = _ref => {
  let {
    svgRef,
    title = 'MH flag',
    theme,
    ...props
  } = _ref;
  const uniqueTitleId = useId();
  const titleId = title ? props.titleId || uniqueTitleId : undefined;
  const ariaHidden = titleId ? undefined : true;
  return /*#__PURE__*/React.createElement("svg", _extends({
    "aria-hidden": ariaHidden,
    "aria-labelledby": titleId,
    ref: svgRef,
    viewBox: "0 0 640 480"
  }, props), title ? /*#__PURE__*/React.createElement("title", {
    id: titleId
  }, title) : null, /*#__PURE__*/React.createElement("g", {
    fillRule: "evenodd"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M0 0h639.9v480H0z",
    fill: "#3b5aa3"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M0 467L639.9 0v87L0 480v-13z",
    fill: "#e2ae57"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M22.4 480L640 179.2l-.1-95.5L0 480h22.4zm153-464.8L169 118l-27-65.6 10.4 69.8-41.9-56.4 27.5 64.3-55-42.6 42.8 53.6-62.1-27.6 54.4 41.2-67.7-9 64 25.4L14 180.3l100.6 6.7-63.7 26.2 67-9-54.3 40 63-27.6-43 54 54.6-41.3-27 62.9 43.6-54.7-11.8 68.1 27.5-63.7 6.2 100.7 9.7-100.4 23.7 64-9-69 43.4 54.8-28.6-64 54.6 44-43.4-54.9 64.9 27-57.4-41.9 69.9 11.8-67-25.7 104.1-6.5-104-9.7 68.5-22.8-71 9 58.6-41-66 26.5 45.6-55.3-55.6 43.4 26.7-66.4-43.1 56.4 9.3-70.4-25.7 66.5-9.6-102.8z",
    fill: "#fff"
  })));
};
const FlagIconWithForwardedRef = /*#__PURE__*/forwardRef((iconProps, ref) => /*#__PURE__*/React.createElement(FlagIcon, _extends({}, iconProps, {
  svgRef: ref
})));
export const MHFlagIcon = /*#__PURE__*/memo(createStyledFlagIcon(FlagIconWithForwardedRef));
MHFlagIcon.displayName = 'MHFlagIcon';