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 = 'CN 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",
    xmlnsXlink: "http://www.w3.org/1999/xlink"
  }, props), title ? /*#__PURE__*/React.createElement("title", {
    id: titleId
  }, title) : null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
    d: "M-.6.8L0-1 .6.8-1-.3h2z",
    fill: "#ff0",
    id: "CNFlagIcon__a"
  })), /*#__PURE__*/React.createElement("path", {
    d: "M0 0h640v480H0z",
    fill: "#ee1c25"
  }), /*#__PURE__*/React.createElement("use", {
    height: 20,
    transform: "matrix(71.9991 0 0 72 120 120)",
    width: 30,
    xlinkHref: "#CNFlagIcon__a"
  }), /*#__PURE__*/React.createElement("use", {
    height: 20,
    transform: "matrix(-12.33562 -20.5871 20.58684 -12.33577 240.3 48)",
    width: 30,
    xlinkHref: "#CNFlagIcon__a"
  }), /*#__PURE__*/React.createElement("use", {
    height: 20,
    transform: "matrix(-3.38573 -23.75998 23.75968 -3.38578 288 95.8)",
    width: 30,
    xlinkHref: "#CNFlagIcon__a"
  }), /*#__PURE__*/React.createElement("use", {
    height: 20,
    transform: "matrix(6.5991 -23.0749 23.0746 6.59919 288 168)",
    width: 30,
    xlinkHref: "#CNFlagIcon__a"
  }), /*#__PURE__*/React.createElement("use", {
    height: 20,
    transform: "matrix(14.9991 -18.73557 18.73533 14.99929 240 216)",
    width: 30,
    xlinkHref: "#CNFlagIcon__a"
  }));
};
const FlagIconWithForwardedRef = /*#__PURE__*/forwardRef((iconProps, ref) => /*#__PURE__*/React.createElement(FlagIcon, _extends({}, iconProps, {
  svgRef: ref
})));
export const CNFlagIcon = /*#__PURE__*/memo(createStyledFlagIcon(FlagIconWithForwardedRef));
CNFlagIcon.displayName = 'CNFlagIcon';